vue常见属性

vue实例的属性

1. data
   用于设置和绑定的字段

				data() {
					return{
						plan: '',
						planlist: []
					}	
				},

2. 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)
					}
				}

3. computed
   计算属性，和方法差不多，也能实现一些功能，他返回一个处理的结果，具有缓存属性。

				computed: {
					reversedText: function () {
					      return this.text.split('').reverse().join('')
					}
				}

4. mounted
   当实例挂载的时候调用的方法，相当于初始化，mounted是vue中的一个钩子函数

				mounted: function() {
					console.log("helloWorld")
				}