vue初步总结

VUE实例

通过new Vue({…})创建得对象

配置对象中的部分内容会被提取到vue实例中：

• data
• props
• methods
• computed

挂载

让vue实例控制页面中某个区域的过程，称之为挂载

挂载的方式：

1. 通过el:“css选择器” 进行配置
2. 通过vue实例.$mount(“css选择器”) 进行配置

模块

被vue实例控制的页面片段

1. 模块的作用是什么？

    为了提高渲染效率，vue会把模版编译成为虚拟 DOM 树（VNode），然后再生成真实的 DOM
   

2. 模块书写到哪？

     a. 在挂的元素内容直接书写；
     b. 在template配置中书写；
     c. 在render配置中用函数创建
   

   注意以上三个同时出现的时候 越靠后等级越高

3. 模块中写什么？

    a. 静态内容；
    b. 插值：{{js表达式}}；
    c. 指令（指令介绍在之前文章中提过这里不多说）
   

4. 模块中的代码环境

    模块中所有的js代码，它的环境均为vue实例，例如：{{title}}，得到的结果相当于是 vue实例.title
   

配置对象

1. data：数据
2. template：字符串，配置模版
3. el：配置挂载的区域
4. methods：配置方法
5. computed：配置计算属性