vue.js data必須是函數
阿新 • • 發佈：2017-07-13
imp div return boot set 的確 cti 警告 amp
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>vue.js Hello World!</title>
<script type="text/javascript" src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="example-2">
<simple-counter></simple-counter>
<simple-counter></simple-counter>
<simple-counter></simple-counter>
</div>
<script type="text/javascript">
var data = { counter: 0 }
Vue.component(‘simple-counter‘, {
template: ‘<button v-on:click="counter += 1">{{ counter }}</button>‘,
// 技術上 data 的確是一個函數了，因此 Vue 不會警告，
// 但是我們返回給每個組件的實例的卻引用了同一個data對象
data: function () {
return data
}
})
new Vue({
el: ‘#example-2‘
})
</script>
</body>
</html>
vue.js data必須是函數