vue实例的属性
- data
用于设置和绑定的字段
data() {
return{
plan: '',
planlist: []
}
},
- methods
用来设置方法,绑定对应的按钮或者事件
<button v-on:click=“addPlan”>添加任务
methods: {
addPlan() {
if(this.plan == null || this.plan == ''){
return
}
this.planlist.push(this.plan)
this.plan = ''
},
deletePlan(index) {
this.planlist.splice(index, 1)
}
}
- computed
计算属性,和方法差不多,也能实现一些功能,他返回一个处理的结果,具有缓存属性。
computed: {
reversedText: function () {
return this.text.split('').reverse().join('')
}
}
- mounted
当实例挂载的时候调用的方法,相当于初始化,mounted是vue中的一个钩子函数
mounted: function() {
console.log("helloWorld")
}