1.引入vue.js
<script type="text/javascript" src="js/vue.js" ></script>
2.js获取vue
var box=new Vue({ ???el:‘.box‘, ?????????????//获取元素 ?????data:{ ????????????????//所有的数据写在这里 ???????msg:‘hello‘ ?? /*定义并初始化msg值*/ ???}}) ????????????????????????????????3.html标签中输出msg值
<div class="box"> ???<input v-model="msg"/> ??<!--绑定msg值,当用户改变inp中的值,下面p标签中的值也会跟着改变,双向绑定-->
<p>{{msg}}</p> </div> <!--获取msg值-->4.页面显示
初识vue.js
原文地址：https://www.cnblogs.com/xiaoxinzi/p/8550360.html