1.vue的初步認識
var data =
var vm = new vue(
document.write(vm.$data === data) // true
document.write("
") // true
document.write(vm.$el === document.getelementbyid('vue_det')) // true
new vue可以理解為存入不同型別的物件乙個集合，在該例子中，存入了div的物件即vm.$el，也存入了data，例如vm.$data
2.使用new vue給標籤賦值
}
new vue(
})
3.v_bind的使用及作用
使用了v-bind 之後才可以才能給input的value ,a中href賦值,如果沒有使用者不能給與這些屬性賦值，}只適合賦值標籤的中間例如
4.v-mode的使用及作用
v-mode可以雙向傳遞資料
}new vue(
});
v-mode實際上就是基於v-bind的，但是v-mode會比v-bind多一些功能，
相當於要理解這行**，首先你要知道input元素本身有個 oninput 事件，這是 html5 新增加的，類似onchange，每當輸入框內容發生變化，就會觸發oninput，把最新的value傳遞給 price。
回到上面兩個例子，該例子中v-mode跟上乙個v-bind的賦值對比，實現了同樣的效果但是寫法不一樣，看5.props的作用及使用
vue.component('child', }'
})new vue()
props的作用要和元件合起來使用，因為props就是向子元件（template）傳遞資料的
5.1 props第二個例子
vue.component('blog-post', }
` })
new vue(, , ]}該例子的業務過程})
首先 vue.compant通過props:[『z.post『]獲取中的z_post值，而blog-pos元件算屬於new vue下的id為div12的字標籤，new vue中的data可以向所有子標籤傳遞資料，即把值給與了z_post ,通過v-bind：z_post和props的橋接給了template
深入理解vue元件
當使用table select等標籤時，元件標籤化可能會有bug，此時應該使用 is 接受元件。在子元件定義data時，data必須是乙個函式，不能是乙個物件。在vue中如果要操作dom，需要使用 ref 引用，從而獲取dom節點。需求 定義乙個子元件，使其數字自加，在父元件中對子元件的數字求和。單...
Vue元件深入理解 插槽
插槽相當於佔位符，用表示 用於父元件填充子元件的資訊 在中間填充內容，則擋傳入的slot中不存在時，則會使用使用填好的內容。type submit submitslot button 父級元件模板不能編譯子元件的變數，因此需要值傳遞。插槽有點類似於父子元件傳值，但傳的不是值，而是傳進去復用的模板 實...
vue初學 3 深入理解vue元件
舉個例子比較能說明問題 1 vue.component row 如何解決？is語法 這樣就解決了這個問題了。vue.component counter data function methods 在兩個子元件用ref引用 接著在根元件中新增方法來處理資料 handlechange function ...