祕籍是：
不要用操作dom的思維去用Vue，用運算元據的思維去用。
當我明白這一點後，我真的就像打通了任督二脈一樣，從此所向睥睨，成為一代東方不敗，呸，東方求敗。
以前我們要改變頁面的樣式必須是通過獲取dom元素改變元素的樣式和內容。
而Vue只需要我們改變資料即可。
換句話說就是：
一切需要操作dom的全都用資料的變化去表示。
當然，這背後發生了啥，我們暫且不去深究。
我們階段目的是用起來。
jQuery的操作
<html>
<div id="app">
message
</div>
<input type="text" id="input">
<script>
$('#input').on('change',function(){
var _value = $(this).val();
$('#app').text(_value);
})
</script>
</html>Vue的操作
<html>
<div id="app">
{{message}}
</div>
<input type="text" v-model="message">
<script>
new Vue({
el:'#app',
data:{
message:''
}
})
</script>
</html>這個例子是Vue官網上的。
每個瞭解過Vue的人都看到過，但有沒有明白什麼呢？
可以看到，jquery要根據輸入的值改變介面需要進行dom的操作。
不過如果是用Vue的話，我們改變Vue例項中的message，介面也就相應的改變。
專案裡經常會碰到增加，刪除某些東西的功能，以前用jQuery的時候都是直接一梭子dom操作解決的。
現在我們直接對資料進行操作，增加或者刪除掉資料，介面就變化了。
一定要記住，不要用操作dom的思維去用Vue，用運算元據的思維去用吧。
一定要記住，不要用操作dom的思維去用Vue，用運算元據的思維去用吧。
一定要記住，不要用操作dom的思維去用Vue，用運算元據的思維去用吧。