Vue的基本代码

1.导入Vue的包

<script src="./lib/vue.js"></script>

2.创建Vue的实例

var vm = new Vue({
    el:'#app' , //el表示vm这个Vue实例要控制html页面上id为app的区域
    data:{ //data属性存放el所要用到的数据
        msg:'hello Vue!' //通过插值,不用再手动操作DOM元素{{}}
        }
   })

3.插值

<div id="app">
    <p> {{msg}} </p> //插值表达式
</div>

 

posted on 2019-08-04 22:15  yindarling  阅读(83)  评论(0)    收藏  举报