码迷,mamicode.com
首页 > 其他好文 > 详细

VUE定义data的三种方式

时间:2019-04-21 21:43:02      阅读:405      评论:0      收藏:0      [点我收藏+]

标签:his   ret   src   div   nbsp   count   span   return   工作   

写法粗糙,只是为了自己工作时方便查看 
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id="app">
    <span>{{count}}</span>
    <button @click="inc">+</button>
</div>
<script>
var app = new Vue({
  // 1.
  // data () {
  //   return {count: 0}
  // },
 
  // 2.
  // data: {
  //   count: 0
  // },
 
  // 3.
  data: function() {
    return {
      count: 0
    }
  },
 
  methods: {
    inc () {this.count++}
  }
})
app.$mount(‘#app‘)
</script>

VUE定义data的三种方式

标签:his   ret   src   div   nbsp   count   span   return   工作   

原文地址:https://www.cnblogs.com/gaonac/p/10747114.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!