朽木自雕XD

导航

vue指令-v-model修饰符

  • 语法:
    • v-model.修饰符="vue数据变量"
      • .number   以parseFloat转成数字类型
      • .trim          去除首尾空白字符
      • .lazy           在失去焦点时触发更改而非inupt时

计算属性

  • 计算属性有缓存,提高渲染性能。
  • 如果在页面上需要用到 对现有的数据进行加工得到新数据,则时要使用计算属性

普通写法

复制代码
computed: {
        //属性名字(计算属性名称)
        //属性的值(计算属性处理函数)
        计算属性名1 () {
            // 对依赖的数据进行处理,且进行return
            return 
        },
复制代码

完整写法:

复制代码
computed: {
    "属性名": {
        set(值){
            
        },
        get() {
            return "值"
        }
    }
}
复制代码

posted on 2022-05-13 11:45  朽木自雕XD  阅读(37)  评论(0编辑  收藏  举报