先引入Vue.js文件
代码:
<div id="#app">
{{name}} //视图区域
</div>
<script>
//new Vue中的"v"需要大写 因为生成的是一个对象
//vm为对象实例(view Model区域,用于数据和视图之间的绑定)
var vm=new Vue({
el:"#app", //("el"解释为节点 全拼为 "element",这句代码解释为:生效的节点为:id为app的div)
data:{
name:"kgc" //此处写的是数据 (model区域)
}
})
</script>
书写顺序:先写js中的代码,然后再写html中的代码