简单介绍下vue的计算属性和组件
程序员文章站
2024-03-24 20:55:22
...
computed & watch
参考:https://cn.vuejs.org/v2/guide/computed.html
计算属性:
当我们需要计算某些值的时候,我们就可以使用它
特点:
1、他本质是一个函数
2、它必须要有返回值
3、计算属性相比于普通的方法来说,是有缓存的
4、计算函数中所以来的模型值,发生变化了,它会重新计算
https://cn.vuejs.org/v2/guide/computed.html#%E8%AE%A1%E7%AE%97%E5%B1%9E%E6%80%A7%E7%BC%93%E5%AD%98-vs-%E6%96%B9%E6%B3%95
侦听器:
需要监听某个值的变化的时候,就可以使用它
watch:{
模型的属性:处理函数(新值,旧值)
}
watch 和 data同级
组件
组件的作用:
最重要的作用就是复用
全局组件的写法:
前四种:【学会之后,能看懂Vue的文档】
1、先定义,再注册,最后使用
2、定义注册一步到位,最后使用
3、对组件定义的优化1,对template写法的优化1
4、对组件定义的优化2,对template写法的优化1
第五种:
单文件组件
注意点:
1、组件要想被使用,必须得注册
2、组件的template必须有且只有唯一一个根元素
3、组件中的data必须是一个函数,并且该函数要返回一个字面量对象
上一篇: CX_ORACLE连接方法
下一篇: Vue components 属性的理解