共计 990 个字符，预计需要花费 3 分钟才能阅读完成。
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注册局部指令；
注意：数据在哪个组件，更新数据的行为（方法）就应该定义在那个组件中
正文完