Vue.js 的核心是一個允許采用簡潔的模板語法來聲明式的將數據渲染進 DOM，也就是將模板中的文本數據寫進DOM中，使用 {{data}} 的格式寫入。此代碼都是Vue.js官網上的實例。
1、首先導入Vue.js
<script type="text/javascript" src=http://www.3lian.com/edu/2017/05-17/"vue.js"></script>
2、html和js代碼
<body> <div id="id"> //id為實例中el的屬性 {{message}} </div> </body> <script> var vm = new Vue({ el:"#id", data:{ message:'渲染到html中的數據！' } }) </script>
3、渲染結構：
下面看看將文本數據單向綁定到DOM元素屬性上，將這個元素節(jié)點的title 屬性和 Vue 實例的 message 屬性保持一致，代碼如下
<body> <div id="id"> <span v-bind:title="message"> <!--綁定實例中的數據--> <!-- <span :title="message"> 簡寫--> 鼠標懸停幾秒鐘查看此處動態(tài)綁定的提示信息！ </span> </div> </body> <script> var vm = new Vue({ el:"#id", data:{ message:'頁面加載的時間'+new Date() } }) </script>
渲染結構：
