vue

vue 结构：响应式 声明式  MVVM    数据+视图(分离)  代码->虚拟dom->dom

生命周期：created ->mounted->updated->destroy

 

vue对象的属性：

  el:挂载管理的元素

  data: 数据

  computed(set(),get()): 计算属性，有set和get两种方法，默认为get,方法式的属性，提高效率，有缓存

  methods:方法  方法有参数却在调用时不给参数，默认返回$event对象

  filters: 过滤器

  component: 注册组件

 

vue的指令

 mustache(双大括号): 输出指定数据

v-once: 输出数据的第一次的值

v-html: 输出数据的值到innerHTML

*v-text: 文本输出数据

v-bind (:) : 绑定值到组件的属性中

*v-pre:原格式输出

*v-cloak: 斗篷

v-for: for循环

v-if、v-else-if、v-else: if循环

v-show: 显示隐藏组件，相当于添加display样式

v-on (@) : 监听事件 监听事件有修饰符（once: 只执行一次、stop:  阻止事件冒泡、prevent: 阻止默认事件 如表单提交） 

:key: 阻止组件复用，保持独一性，高效刷新虚拟dom

v-model (双向绑定):

  radio:  绑定value值

  checkbox:  绑定数组时：value值       绑定非数组时： true/false

v-model修饰符：

  lazy：懒加载 不实时更新数据，按下回车更新数据 

  number:  自动转化字符串

  trim：自动去空格

 

数组 响应式方法：

  push: 在数组后面add一个元素

  pop: 在数组后面删除一个元素

  unshift：在数组前添加一个元素 

  shift: 在数组前面删除一个元素

  splice: 删除替换插入一个元素，第一个参数：从那开始；第二个参数：删除几个元素；后面的参数：插入那些元素

  sort: 排序数组

  reverse: 倒置元素

  Vue.set：vue内置方法，第一个参数：数组对象；第二个参数：替换的下标；第三个参数：替换的元素

  

监听事件修饰符：
  once: 只执行一次

  stop:  阻止事件冒泡

  prevent: 阻止默认事件 如表单提交

 

组件化：

  组件：全局组件、局部组件（vue实列中注册）

  组件注册：Vue.component("组件name" , {template : 组件模板 })

  分离模板： <template id="模板id">组件中写模板 、<script type="text/x-handlebars-template" id="模板id"></script>写模板

  data: 组件内部的data是一个函数，返回对象是data值 (原因：组件复用时为了防止不复用对象数据)

  组件传值(千万别用驼峰标识)： 父传子： 子组件设置props（属性s）绑定父组件传过来的值 ，双向绑定用data中转props中的数据

　　　　　   　　　　　　　　  子传父：子：发射事件：this.$emit(“事件名”，"数据")         父： 接收事件：@发射出来的事件名

  watch: 监听数据的改变

  访问方式：父访问子：$children(获取子组件数组)、$refs(子组件属性ref属性设置key,父组件根据key获取子组件) 

                    子访问父： $parent               访问根组件： $root

  插槽：    <solt name=""></solt>    具名插槽：标签中的solt来选择具体插槽   作用域插槽；