vue常见属性

2024-01-01 19:26:36

vue实例的属性

  1. data
    用于设置和绑定的字段
				data() {
					return{
						plan: '',
						planlist: []
					}	
				},
  1. 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)
					}
				}
  1. computed
    计算属性,和方法差不多,也能实现一些功能,他返回一个处理的结果,具有缓存属性。
				computed: {
					reversedText: function () {
					      return this.text.split('').reverse().join('')
					}
				}
  1. mounted
    当实例挂载的时候调用的方法,相当于初始化,mounted是vue中的一个钩子函数
				mounted: function() {
					console.log("helloWorld")
				}

文章来源:https://blog.csdn.net/qq_40801987/article/details/135326779
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。