vue常见属性

vue实例的属性

  1. data
    用于设置和绑定的字段
				data() {
					return{
						plan: '',
						planlist: []
					}	
				},
  1. methods
    用来设置方法,绑定对应的按钮或者事件

				methods: {
					addPlan() {
						if(this.plan == null || this.plan == ''){
							return
						}
						this.planlist.push(this.plan)
						this.plan = ''
					},
					deletePlan(index) {
						this.planlist.splice(index, 1)
					}
				}
  1. computed
    计算属性,和方法差不多,也能实现一些功能,他返回一个处理的结果,具有缓存属性。
				computed: {
					reversedText: function () {
					      return this.text.split('').reverse().join('')
					}
				}
  1. mounted
    当实例挂载的时候调用的方法,相当于初始化,mounted是vue中的一个钩子函数
				mounted: function() {
					console.log("helloWorld")
				}

你可能感兴趣的:(vue,vue.js,前端,javascript)