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")}