Vue知识点1

1. {{xxx}}为分隔符，xxx写JS表达式，xxx能读取所有属性。

2. 容器和Vue实例是一一对应的，开发中只有一个VUe实例。

3. 模板语法
   插值语法：
    功能：解析标签体内容
    写法：{{xxx}}，xx写JS表达式，xxx能读取所有属性，且可以读取data中所有属性
   指令语法：
    功能：用于解析标签（包括：标签属性，标签体内容，绑定事件…）；指令语法就是操作DOM元素的属性，内容，绑定事件
    举例：v-bind:href="xx"可以简写为:href=“xx”
    备注：VUe里面有很多指令，且形式都是v-???

4. 数据绑定
    单向绑定（v-bind）：数据只能从data流向页面
    双向绑定（v-model）：数据不仅能从data流向页面，还可以从页面流向data
    备注：双向绑定一般应用在表单类元素（如：input，select）

5. el的两种写法
    new Vue({ el:‘#root’， })和v.$mount(‘#root’)
   data的两种写法：对象式和函数式
   由Vue管理的函数，不能写箭头函数，一旦写了箭头函数，this就不再是Vue实例了

6. MVVM模型
   

7. 数据代理
      Object.defineProperty(对象，对象的属性，{value:*** , enumerable , writable , configurable，get(){} , set(value){} )
      enumerable:是否可被枚举，默认是false
      writable：是否可被修改，默认是false
      configurable：是否可被删除，默认是false
      当有人读取属性时，get函数（getter）就会被调用
      当有人修改属性时，set函数（setter）会被调用，且收到修改的具体值
   
   

8. 事件修饰符
   

9. 键盘事件
   

10. 计算属性
    

11. 监视属性
    
    

12. computed和watch之间的区别
    

13. 绑定样式
    

14. 条件渲染
    
    备注：template不影响页面结构，只能和v-if搭配使用

15. 遍历数组
    

16. key的原理
    

17. 监视数据
    
    备注：不是由Vue控制的回调函数尽可能写箭头函数，否则该函数的this指向是window而不是Vue

18. 收集表单数据
    

19. 过滤器
    
    20.前面学过的指令
    

20. v-text指令
    

21. v-html
    

22. v-cloak
    
    

23. v-once
    

24. v-pre

25. 自定义指令
    v-big：调用函数big
    函数何时被调用：
      1.指令与元素成功绑定时（一上来）；
      2.指令所在的模板被重新解析时。
    

26. 生命周期
    mounted:Vue完成模板的解析并把初始真实的DOM元素放入页面后（挂载完毕）调用mounted；
    生命周期：Vue关键的时间点调用一堆函数；这些函数叫生命周期函数
    
    

27. 组件
    定义：实现应用中局部功能****代码和资源的集合
      非单文件组件：一个文件包含n个组件
      单文件组件：一个文件中只包含1个组件
    

28. Component
    

29. Vue与VueComponent的关系
    

30. Vue脚手架
    Vue脚手架是Vue官方提供的标准化开发工具（开发平台）
    
    
    
    

31. 配置项props
    

32. maxin(混入)
    

33. plugin插件
    

34. scoped(作用域)
    

35. 在js中，函数也是对象，传函数本身实际上是引用传递，意思他们两用的是同一块内存空间，一方修改，另一方也会改变

36. 组件间通信
    

37. todoList案例
    

38. webStorage
    

39. 组件自定义事件
    

40. 全局事件总线：任意组件间通信
    
    

41. 消息订阅与发布
    

42. nextTick
    

43. Vue封装的过渡与动画
    Animate.css第三方动画库 安装命令：npm install animate.css
    
    

44. 配置代理
    
    

45. 插槽
    
    
    

46. 插件vuex
    
    
    

47. getter的使用
    

48. mapState和mapGetters的使用
    

49. mapActions与mapMutations方法
    

50. 模块化+命名空间