vue知识点梳理二

1.v-if 和 v -show 指令的共同点和不同点

2.<keep-alive></keep-alive> 的作用是什么？

3.vue 中如何获取 DOM

4. 为什么使用 key

5.v-model 的使用

6.v-on 可以监听多个方法吗？

7.$nextTick 的使用

8.v-if 和 v -for 的优先级

9.vue 常用的事件修饰符

10. 插槽的使用

11. 内置指令和自定义指令

核心知识总结

• Vue 是前端开发库，用于构建用户界面，遵循 MVVM 模式，编码简洁，体积小，效率高，包含了一些列插件库；
• 基本使用：引入 vue.js，创建 vue 实例对象，其中 el 代表 dom 标签选择器，data 代表初始化数据对象；
• el：指定 dom 标签容器的选择器，一般写一个根标签；
• data：对象或者函数类型，指定初始化状态属性数据的对象，页面中可以使用 {{xxx}} 直接访问
• methods：包含多个方法的对象，供页面中的事件指令来回调，回调函数默认有 $event 参数，也可以指定自己的参数，在方法中，访问 data 中的属性直接使用this.xxx；
• computed：计算属性，包含多个方法的对象，对状态属性进行计算处理后返回给页面一个新的数据，使用 get 和 set 方法实现属性的计算读取，同时监视数据的变化；
• watch：监视，包含多个属性监视的对象，xxx.function(value){}，可以传入两个参数，代表新值和改变前的值，也可以使用 vm.$watch('xxx', function(value){}) 的方式添加监听；
• vue 中的过渡和动画，实质就是 vue 操作 css 的 transition/animation 属性；
• 生命周期：常用的钩子函数是 created() / mounted(): 启动异步任务(启动定时器, 发送 ajax 请求, 绑定监听) 和beforeDestroy(): 做一些收尾的工作例如清除定时器等；
• 自定义过滤器：使用的是Vue.filter(filterName,function(value){})，在页面使用方法：{{myData | filterName(arg)}}，参数可传可不传；
• vue 内置指令：v-for 遍历、@绑定事件、v-model 数据双向绑定、ref 标识标签；
• 自定义指令：使用 Vue.directive 注册全局指令，使用 directives 注册局部指令；

注意：数据在哪个组件，更新数据的行为（方法）就应该定义在那个组件中