VUE读取数据是在实例模板中的那个位置,是冒号左边的属性名称吗

Question

为什么没有效果，我的意思是：实例模板中有bsg这个属性，并且我也设置为true，应该有效果啊，一般读取数据都在实例模板里啊，

<style>
   .bg{
       background:green;
   }
</style>

<div id="app">
   <p v-bind:class="{bg:panduan}">{{message}}</p>
</div>
<script src="../js/vue.js"></script>
<script>
new Vue({
   el:'#app',
   data:{
       message:'hello world !',
       panduan:true,
       bsg:'bg'
   }
})

Answer 1

有效果的，除了你少写了个</script>标签，其他都没问题。不过现在data的一般为函数，特别是有组件的时候。