计算属性computed:{

}

特点:函数内使用的变量改变,重新计算结果返回.

优势:带缓存,只要依赖项不变,使用缓存的值

依赖项改变,会重新缓存

另一种用法

computed:{

file:{

set(val){

log(val)

},

get(){

retrun '无名氏'

}

}

}

监听器

watch:{}

深度监听,监听对象

watch(){

obj:{

handler(new,old){}

deep:true,

immediate:true

}

}

数据缓存

 vue组件
概念:可复用的vue实例,封装标签,样式和代码

组件化:可重复的 部分,封装为组件

全局注册

引入

import '名称' from '路径'

引用

Vue components('名称',名称)

局部注册

components:{

名称:名称

}

组件 scoped作用:

在style上加入scoped属性, 就会在此组件的标签上加上一个随机生成的data-v开头的属性

而且必须是当前组件的元素, 才会有这个自定义属性, 才会被这个样式作用到

 组件通信 父传子 props

 子向父

父

@自定义名='函数名'

子

@click='函数名'

函数里面写,

this.$emit('父自定义名',索引,减的数值)

子子通信

eventBus事件

eventBus.$on('时间名',函数体)