前端框架——Vue

340.小笔记

（1）当控制台Data中的数据发生改变时，模板要重新解析。

1.Vue特点

（1）采用组件化模式，提高代码复用率，且让代码更好维护。

（2） 声明式编码，让编码人员无需直接操作dom，提高开发效率。

 （3）使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点。

Ajax发送请求：

JQuery发送Ajax请求：

 

 Jquery通用方法发送Ajax请求：

 

 axios发送请求：

2.一个Vue实例：

总结： 

 3.模板语法

（1）插值语法：

 （2）指令语法：

使用v-bind: 

4.数据绑定

 5.el与data的两种写法：

el的两种写法：

data的两种写法：

 

 总结：

 6.MVVM模型：

 7.数据代理

1.回顾Object.defineProperty

 getter 和setter

  2.什么是数据代理：

 8.事件处理

 总结：

  9.事件修饰符

 例：

10.键盘事件

 如果需要对tab键设置触发事件，应该设置@keydown.tab="showInfo11"

 11.计算属性：

 实例：

 计算属性的简写方式（只需要get时）

 12.监视属性

简写：

深度监视：

13.watch对比computed：

watch能开异步任务，computed不能开异步任务

 14.绑定样式：

（1）class样式

样例1：

 样例2：

 样例3：

 (2)style样式

 总结：

 15.条件渲染：

v-show  v-if控制后面的内容是否显示

总结：

16. template

template的作用是能够把内容包起来却不影响结构，只能配合v-if使用，不能配合v-show使用

17. 列表渲染 

（1）人员列表_便利数组

 元素的唯一标识key

 （2）遍历对象

 （3）遍历字符串

（4）遍历指定次数

 总结：

18.key的作用与原理：

1.index作为key 当数据顺序改变时会出现问题

 2.遍历列表时的key的作用（id作为key）效率高且数据不会错乱

 

 18.列表过滤

 19.vue检测数据改变原理（对象）

20.Vue.set()

需要当开发结束时，再给代码添加一些属性或者其他，就直接使用Vue.set(),且可实现get和set等

注意：Vue.set只能给Data内的对象追加属性，而不能直接给Data追加属性

 21.vue检测数据改变原理（数组）

数组变更其他方法：

  总结Vue监视数据：

 22.过滤器

 23.内置指令

（1）v-text

（2）v-html！！！

（3）v-cloak

 （4）v-once

（5）v-pre

 （6）自定义指令

指令函数内的this为window

 对象式自定义指令

自定义指令的全局式写法：对象式

 自定义指令的全局式写法：函数式

 自定义指令总结：

 24.生命周期    

 生命周期图示：

 生命周期总结：

25.对组件的理解 

 组件的定义：

 26.组件

 几个注意点：

 VueComponent构造函数

27.一个重要的内置关系

注意：实例的隐式原型等于构造函数的显式原型

28.render函数

29.vue脚手架

 30.ref属性

 31.props属性

 32.mixin 

33.插件

34.TodoList案例总结

35.自定义事件

 解绑自定义事件：

 

36.全局事件总线

设置x：全局所有的vc还有vm全都能看到它！

 ​​​​​​

 使用和销毁x：

 37.消息订阅与发布

需要数据的地方订阅数据，提供数据的地方发布消息！！！！

消息的订阅与取消订阅：

消息的发布：

 总结：

38.动画和过渡

 

39.配置代理

40.插槽

 41.vuex

 

 vuex原理：

 搭建vuex环境：

 

总结：

 41.getters的使用

 42.mapState与mapGetter的用法

  43.mapActions与mapMutations的用法

44.模块化加命名空间

45. 路由

 46. vue-router

 

47. 路由基本使用

 48. 多级路由

 

49.命名路由：

 50.路由的params参数

 

 51.路由的props参数

router-link的replace属性

编程式路由导航

 

 52.路由守卫