template模板和dom同時寫，template模板會覆蓋當前這個dom節點，要有根節點包裹
元件化的優點：
1.**可以復用，2.降低**的耦合性。
src檔案會整個打包成乙個js檔案；
模板-->編譯-->ast-->資料-->render函式-->虛擬dom-->真實html
直接寫render函式會減少編譯過程，提高效率，但是寫起來比較麻煩
1.寫乙個server.vue
2.在main.js中定義成全域性元件
import server from "./server.vue"2.在server.vue中：先引入、接著註冊、最後使用
3.我們不能把所有的元件檔案都直接放在src資料夾下，所以我們要根據自己需要新建不同的資料夾來區分這些元件檔案，方便我們以後查詢檔案。
4.我們寫樣式是全域性樣式，如果希望每個元件之間不會互相影響，我們可以在style標籤上加上scoped屬性，會使得style標籤
裡面寫的樣式都變成屬性選擇器
Vue元件理解
1 關於元件 元件可以擴充套件html元素，封裝可重用的 註冊全域性元件 vue.component tagname,options 的形式。如 template this is my componentdiv 元件註冊需要在初始化根例項之前進行，即先註冊元件，再初始化vue例項。對元件進行註冊之後...
關於vue元件化的理解
元件化是vue的精髓，vue應用就是由乙個個元件構成的。1.定義 元件是可復用的 vue 例項，準確講它們是vuecomponent的例項，繼承自vue。2.優點 可以增加 的復用性 可維護性和可測試性。提高開發效率，方便重複使用，簡化除錯步驟，提公升整個專案的可維護性，便於協同開發，是高內聚 低耦...
如何理解Vue中的元件
vue2.6已經更新了關於內容插槽和作用域插槽的api和用法，為了不誤導大家，我把插槽的內容刪除了。詳情請看官網 2018 07 19更新 更新作用域插槽的屬性 scope slot scope 新增了物件解構。今天看了下vue官網上關於元件的教程，感覺內容還挺多，現在把元件中基本的知識梳理一下。註...