Vue笔记

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 一、v-model 1、父组件： 父组件通过v-model绑定值。 如需根据v-model传入的值改变，而触发其他更新需要通过watch监听。 2

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 一、两种实现方向 用v-model 用.sync修饰符 二、示例 子组件 父组件 v-model方式 父组件简写形式 .sync方式 三、参考文档

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 01、el 是根实例的特有属性,代表根元素 提供一个页面上的DOM对象作为Vue实例的挂载目标.可以是选择器或者或DOM元素实例 02、data

@[TOC](Vue 笔记---kalrry) Vue常用技巧： 作用 快捷键 备注 创建Vue项目 vue create appname 快速生成组件模板 Shift+< vuetr Vue引CSS

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 一、vue 的理解 1、什么是 MVVM？ MVVM 是 Model-View-ViewModel 的缩写； Model 代表数据模型， 定义数据

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 一、Vue组件传值 1、父传子(props) （1）父组件 （2）子组件 2、子传父($emit) （1）子组件 （2）父组件 3、跨组件(bus

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 前言 Vue是主流的前端框架 常用---记录ing 序号 名称 描述 备注 01 ElementUI 02 Ant Design Vue 03 V

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 一、简介 1. Axios是什么？ 官方解释：Axios 是一个基于 promise 实现的 HTTP 库，在服务端它使用原生node.js ht

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 一、简介 v-model实现双向绑定的语法糖，常用于表单与组件之间的数据双向绑定. 二、表单实现双向绑定 1. 原理 分两步骤 v-bind绑定一

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 一、过渡 Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。 Vue 提供了内置的过渡封装组件，该组件用于包裹要实现过渡效

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 一、简介 webpack 是一个基于node.js的 JavaScript 应用程序的静态模块打包器(module bundler)。当 webp

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 一、普通问题 1. mounted钩子函数中请求数据导致页面闪屏的问题 解决方式：这其实就是数据加载先后顺序问题，因此问题会定位在钩子函数中的cr

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 简介：目录结构 待完善补充---ing 一、普通方法 按照常规做法是在index.vue中直接这样引入并注册： 存在问题：如果组件少还是很方便的，

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 一、v-if条件语句 1. v-if 2. v-else 随机生成一个数字，判断是否大于0.5，然后输出对应信息： 3. v-else-if 与v

一、简介 作用： 格式化数据 1、语法 2、使用 3、例子 二、官方文档 Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 一、计算属性(computed) 计算属性在处理一些复杂逻辑时是很有用的。 计算属性与普通方式应用对比 1.普通方法 2.运用计算属性后 3.co

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 一、接口调用方式 原生ajax 基于jQuery的ajax fetch axios 二、前置概念Promise 1. 概念： Promise是异步

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 一、简介 vue-resource是vue自带的发送请求方式 ajax是第三方插件来完成 vue本身不支持发送AJAX请求，需要使用vue-res

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 01、el 是根实例的特有属性,代表根元素 提供一个页面上的DOM对象作为Vue实例的挂载目标.可以是选择器或者或DOM元素实例 02、data

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 一、简介 在js中是通过设置id，然后通过document.getelementbyid(hello) 来获取dom树进行操作。 在vue框架里面