{{xxx}} 这个是vue的数据绑定形式。
v-xx 这个是指令 用于执行一些操作
v-bind:class="box" v-bind 我理解为动态绑定 绑定一些class名称,id名称,其他的暂时没有想到。
由于我是刚开始看vue ,所以我把格式默写一遍
<div id="app">
{{hello }}
</div>
<div v-bind:class="box">this is first classname</div>
JavaScript部分是:
var app = new Vue({
el:'#app' , //这个代表选择的区间,范围
data:{
hello:'你好 世界',
box:'first',
}, // data是数据板块,用来定义变量。
method:{
}, //用来规定一些方法
})
显示板块为:
你好 世界
this is first classname
console 窗口显示为
<div class="box">this is first classname</div>

