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:群体监视