Vue第一篇：最基本的概念（背诵专用）

一、背诵目录结构

1、创建一个Vue实例

2、Vue选项名称（8种）

3、vue实例挂载元素

4、vue实例绑定数据

5、vue.js提供的实例属性和方法

6、数据绑定

（1）文本插值

（2）输出HTML内容

（3）绑定HTML属性

（4）绑定HTML属性的简写

7、过滤器

（1）表示形式

（2）定义全局过滤器

（3）定义本地过滤器

8、条件判断指令

（1）单一元素判断

（2）一组元素判断

9、循环指令

（1）遍历数组指令及2种使用形式

（2）对一组元素进行循环

（3）遍历对象的使用形式

（4）遍历整数

10、数组更新方法

11、计算属性定义及形式

12、监听属性与计算属性的差别（2点）

13、监听属性的定义及使用方法

14、class属性绑定

（1）内联绑定

（2）非内联绑定

15、style样式绑定

（1）内联绑定

（2）非内联绑定

16、事件监听指令及简写

17、表单元素的双向绑定指令

18、绑定复选框

（1）单个复选框绑定

（2）多个复选框绑定

19、v-model修饰符

（1）延后同步

（2）用户输入转为数值类型

（3）过滤输入字符串首尾空格

20、注册自定义指令

（1）注册全局自定义指令及示例

（2）注册局部自定义指令

21、自定义指令中常用钩子函数

22、注册组件

（1）注册全局组件及示例

（2）注册局部组件

（3）组件中的data和template选项

23、父组件传递数据给子组件

24、传递动态Prop的方法及示例

25、父组件接收子组件的信息及示例

26、内容分发的定义

27、插槽的使用举例

（1）基础用法

（2）具名插槽

28、常用的vue组件声明周期函数

29、动态组件的方法

30、组件动态切换时保存状态的方法

31、实现路由、数据请求、状态管理的插件名称

32、vue-router的作用

33、vue-router的基础用法

34、嵌套路由的方法

35、vue内置动态导航的方法

36、路由视图中多界面显示的方法

37、Axios的get请求方法，返回成功/失败的出来，以及相应的示例

38、vuex的作用

39、vuex中store的作用以及包含项

40、vuex的工作原理

----------------------------------------------------------------------------------------------------------------

二、对应内容

1、创建一个vue实例

var vm=new Vue({})

2、Vue选项名称（8种）

el / data / methods / computed / watch / filters / direcitves / components

3、vue实例挂载元素

使用el选项，比如el: “#app”

4、vue实例绑定数据

使用data选项

5、vue.js提供的实例属性和方法

带有前缀$，比如vm.$data.company

6、数据绑定

（1）文本插值

使用{{}}双大括号标签，比如{{ message }}

（2）输出HTML内容

       使用v-html指令，比如v-html=”message”

（3）绑定HTML属性

       不能直接使用文本插值的方式，需要使用v-bind:属性 指令，比如v-bind:src=”src”

（4）绑定HTML属性的简写形式

       :属性 即可，比如:src=”src”

7、过滤器

（1）表示形式

由管道符号”|”表示，比如{{ message | myFilter }}

（2）定义全局过滤器

       Vue.filter(ID, function(){})

（3）定义本地过滤器

       在Vue创建的构造函数中应用filters选项

8、条件判断指令

（1）单一元素判断

v-if / v-else / v-else-if

比如：

（2）一组元素判断

使用