- 什么是Vue?我認為它是一個通過類似于json的東西來操作html界面的這么一個框架。
- jQuery我一直認為是個庫，它無非是把js簡寫了，特別在dom操作上，讓你感覺到$布滿了代碼世界，我不否認它的好，再好它也只是把js簡寫而已。
- 而vue是帶著我們從另一個面去看網頁設計，它弱化了dom上的感覺，加強了html界面上的操作。
一、 我們開始去認識Vue吧，為了便于學習，我們還是用鏈接網絡上的vue.js形式去學習吧。
二、創建一個盒子box等下我們就用vue對它進行操作。
三、這就是一個簡單的vue構造。
四、我們把vue捆綁到html元素中。
五、試著對html界面進行修改。
六、數據不僅可以一個，也可多個，怎么樣，感覺和js的取得dom對象再進行innerHTML操作相比，讓你幾乎感受不到了DOM的存在。
七、除了可以放數據，還可以放函數事件。
八、我們做個簡單的返回數據的函數吧。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
</head>
<body>
<div class="box">
<!-- 創建一個容器box，它就是我們等下的操作對象 -->
<p>{{text1}}</p>
<p>{{text2}}</p>
<p>{{myfun()}}</p>
</div>
<script>
var myvue = new Vue({
// 我在這里聲明了一個vue對象，我們就是在這里對html進行操作
el:'.box',
// myvue就捆綁到了box上，以后box的操作就可以在這里進行了
// 注意vue內各項的寫法結構aaa:bbb,
data:{
text1:'hello world',
text2:'請關注我的頭條號',
},
//我認為data是存放數據的地方
methods: {
// 這里是放函數事件的地方
myfun:function(){
return this.text2 + '我是落筆承冰！';
},
},
})
</script>
</body>
</html>
