2021-07-03 vue的methods属性,watch属性和computed属性

最新推荐文章于 2024-08-24 19:20:15 发布

前端OnTheRun

最新推荐文章于 2024-08-24 19:20:15 发布

阅读量275

点赞数

分类专栏： vue 文章标签： vue vue属性 watch methods computed

本文链接：https://blog.csdn.net/rowlet/article/details/118365644

版权

本文详细介绍了Vue.js中的methods属性用于定义方法，watch属性用于监听数据变化并响应，以及computed属性用于处理复杂逻辑和计算。通过示例展示了它们的用途、语法及效果。

摘要由CSDN通过智能技术生成

文章目录

1.方法属性methods的使用

用途

给 Vue 定义方法

语法

var vm = new Vue({
   
    methods:{
   
        // 在此处定义方法，方法之间使用逗号分隔
        方法名:function(){
   }
});

示例

html

<div>
    {
  {msg}}
    <span><button @click="add(3)">点击</button></span>
</div>

new Vue({
   
    el: "div",
    data: {
   
        msg: 2
    },
    methods: {
   
        add: function(num) {
   
            if (num != "") {
   
                this.msg += num;
            } else {
   
                this.msg++;
            }
        }
    }
})