本文详细介绍了Vue.js中methods属性的三种定义方法，包括改变数据实例的示例。同时，深入探讨了Vue的生命周期钩子，阐述了何时适合使用这些钩子函数，帮助开发者更好地理解和掌握Vue应用的初始化过程。
1.vue方法函数
关键字 ：methods
**注意在调用方法时 this 的指向
<body>
<p id="app"> {{msg}} </p>
<script>
var vm=new Vue({ //注意这里 V要 大写
el:"#app", //将Vue实例绑定到 p 标签上
data:{
msg:"这是一段话", //绑定数据 msg 的值
},
mounted(){ //生命周期钩子
this.change1(); //调用 change1方法函数
},
methods:{
//第一种写法
change1(){
this.msg="这段话被修改了11";
},
//第二种写法
change2:function(){
this.msg="这段话被修改了22";
},
//第三种写法
change3:()=>{
this.msg="这段话被修改了33";
}
}
})
</script>
</body>
2.vue生命周期（重点掌握什么时候使用钩子函数）
参考官网
扫一扫
389
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
