vue复习

vue 复习

  options的根属性

       el:目的地（srting || DOM元素）

       template 模板

       data 是一个函数 , return一个对象   对象中的key, 可以直接在页面中使用  在js中this.key名

             data中的属性，在dom中直接用在js中 this.xxx

     compoents：key是组件名，value是组件对象

    methods：一般用业配合 xxx 事件

    prpos：子组件接收的参数设置['title']

 

  指令

      v-if/v-show:if就是插入或移除的问题 show是否隐藏的问题

      v-else-if/v-else:必须和v-if是相邻的元素

      v-bind/v-on:bind是给属性赋值 v-on给事件进行绑定

      v-blind:属性=‘变量’   ===========》：属性名

      v-on：事件名=“函数”    ===========》@事件名

      v-bind/v-model:bind就是单向数据流（vue-页面）     model是双向的（vue-页面    页面-vue）

注册全局组件

        应用场景：多出使用的公共性功能组件，就可以注册成全局组件，减少冗余代码

        全局API  vue.component('组件名'，组件对象);

附加功能：过滤器&监视改动

   filter||filters

    filter全局过滤器(给数据添油加醋)显示：vue.filter（‘过滤器名’，过滤方式fn）;

    filters组件内的过滤器: filters:{'过滤器名'，过滤方式fn}

监视

    单个监视：watch   普通类型简单监视， obj  || array 深度监视

   多个监视：cumputed 监视多个

 

总结

  全局：组件、过滤器让大家直接使用  全局不带s

    过滤器;function(原数据，参数1，参数2){return:结果;}

         调用{{ ‘数据’ | 过滤器名（参数1，参数2）}}
    watch:单个监视

    computed:群体监视