vue入门(二) 体验Vue.JS

249 阅读1分钟

先引入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中的代码