欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

简单介绍下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必须是一个函数,并且该函数要返回一个字面量对象
相关标签: vue