Vue2.0-3.0 入门到实战 - 3 Vue 属性介绍

a136447572

已于 2023-07-07 16:57:51 修改

阅读量219

点赞数

分类专栏： html 文章标签： vue.js javascript 前端

于 2023-07-07 16:57:19 首次发布

本文链接：https://blog.csdn.net/a136447572/article/details/131600687

版权

html 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

const app = new Vue({
    el:'#app',
    data:{// 数据
      msg:"1",
      type : '1',
      state : 1,
      username:'',
      list:["item1","item2","item3","item4"],
      selectiD:"",
      firstClass:{
        color:true,
        wh:true,
        wh2:false
      },
      firstClass2:["color","wh"]
    },
    computed:{//计算属性
      totalCount (){
          // 使用时  可通过 {{ totalCount }} 使用
          let number = 0
          number += this.state ;
          return number;
      },
      isAll:{
        get(){
          return 1
        },
        set(value){

        }
      }
    },
    watch:{//监听器  监听值的变化

      // deer:true
      // immediate:true

      firstClass2 :{
        deer:true,     // 监听整改对象
        immediate:true,// 一进数据 ,默认执行一次
        handler (newValue){

        }
      },
      username (newValue){
        console.log("--"+newValue)

        // 防抖 操作
        clearTimeout(this.timer)
        this.timer = setTimeout(()=>{

        },300)

      }
    },
    methods:{//方法 ,函数
        fn(e){
          // e.stopPropagation()
            alert("点击了按12213钮")
        }
    }

  })