Vue

生命周期： 1.生命周期又名：生命周期回调函数、生命周期函数、生命周期钩子。 2.是什么：Vue在关键时刻帮我们调用的一些特殊名称的函数。 3.生命周期函数的名字不可更改，但函数的具体内容是程序员根据

1.自定义指令 Vue中可以自定义一些指令来更加灵活地完成业务需求 1.1定义语法 (1).局部指令： new Vue({ directives:{指令名:配置对象} }) 或者是 new Vue({

在此之前学过的指令： v-bind : 单向绑定解析表达式, 可简写为 :xxx v-model : 双向数据绑定 v-for : 遍历数组/对象/字符串 v-on : 绑定事件监听, 可简写为@ v

过滤器： 定义：对要显示的数据进行特定格式化后再显示（适用于一些简单逻辑的处理）。 语法： 1.注册过滤器：Vue.filter(name,callback) 或 new Vue{filters:{}

通过一个简单的表单案例来说明一些注意事项。 收集表单数据： 若：，则v-model收集的是value值，用户输入的就是value值。 若：，则v-model收集的是value值，且要给标签配置valu

1.一个数据更新的问题 通过 this.persons[0] = {id:'001',name:'马老师',age:50,sex:'男'} 来对persons中的数据实现更替，是有缺憾的，它没有实现响

1.v-for 展示列表数据 1.1v-for的用法 v-for指令: 1.用于展示列表数据 2.语法：v-for="(item, index) in xxx" :key="yyy" 也可以用 v-f

条件渲染： 1.v-if 写法： (1).v-if="表达式" (2).v-else-if="表达式" (3).v-else="表达式" 适用于：切换频率较低的场景。 特点：不展示的DOM元素直接被移

Vue中给元素绑定样式 1.class样式 事先转备好若干个样式 如果一个元素需要多个class样式，并且有固定的样式和动态的样式，那么固定的样式直接在元素里面写 class="xx"即可，动态的样式

1.计算属性 1.1相关概念 1.定义：要用的属性不存在，要通过已有属性计算得来。 2.原理：底层借助了Objcet.defineproperty方法提供的getter和setter。 3.get函数

1.Vue中常用的按键别名： 回车 => enter 删除 => delete (捕获“删除”和“退格”键) 退出 => esc 空格 => space 换行 => tab (特殊，必须配合keydo

1. Vue中的事件修饰符： 1.prevent：阻止默认事件（常用）； 加上.prevent可以阻止a标签默认的链接跳转，只执行点击事件 2.stop：阻止事件冒泡（常用）； 阻止事件冒泡 ，在内部

1.事件使用方法 Vue中添加事件，所谓事件其实也就是定义函数，然后调用即可。在Vue实例当中添加配置项methods：{}即可，在调用的时候使用v-on指令，如下所示： 2.函数中的参数传递 sho

1.JS中的Object.defineProperty 在理解数据代理之前先看一个例子，有助于理解 定义一个变量和对象，如果想要给person对象添加一个属性 number，并且是直接利用现有的这个n

MVVM模型 M：模型(Model) ：data中的数据 V：视图(View) ：模板代码 VM：视图模型(ViewModel)：Vue实例，V与M沟通的桥梁，负责监听M或者V的修改，是实现MVVM双