首页 > 其他 > 详细

vue定义data的三种方式与区别

时间:2020-02-18 00:11:41      阅读:621      评论:0      收藏:0      [点我收藏+]

在vue中,定义data可以有三种写法。

1.第一种写法,对象。

技术分享图片
var app = new Vue({
  el: ‘#yanggb‘,
  data: {
    yanggb: ‘yanggb‘
  }
})
技术分享图片

2.第二种写法,函数。

技术分享图片
var app = new Vue({
  el: ‘#yanggb‘,
  data: function() {
    return {
      yanggb: ‘yanggb‘
    }
  }
})
技术分享图片

3.第三种写法,函数,是第二种写法的ES6写法。

技术分享图片
var app = new Vue({
  el: ‘#yanggb‘,
  data() {
    return {
      yanggb: ‘yanggb‘
    }
  }
})
技术分享图片

vue定义data的三种方式与区别

原文:https://www.cnblogs.com/sexintercourse/p/12324415.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!