vue.component('button-counter',
}, template:`
you clicked me } times.
`})
為了能在模板中使用，元件必須先註冊以便vue能夠識別。這裡有兩種元件註冊的型別：全域性註冊和區域性註冊。
vue.component('my-component-name', )prop即資料，就是你在元件註冊的時候可以自定義的特性。當乙個值傳遞給prop特性的時候，它就變成了元件例項的乙個屬性。
vue.component('blog-post', )
靜態屬性：當在應用blog-post元件的時候，直接將值賦給title。
動態屬性：當在應用blog-post元件的時候，是將變數title賦值給v-bind:title。。這個title變數可以通過fetch資料去動態獲取。
比如我們在開發blog-post元件的時候，它的一些功能可能要求我們和父元件進行溝通。比如引入乙個可訪問性的功能來放大部落格文章的字型大小。同時讓頁面的其他部分保持預設的字型大小。
具體思路：
Vue元件基礎
new vue 就可以認為是乙個大元件，但多個例項這樣太low了，vue為我們提供了component。1.全域性註冊的元件 要註冊乙個全域性元件，你可以使用vue.component tagname,options 例如 註冊 vue.component my component 建立根例項 va...
Vue入門 元件基礎
元件 專案的開發,就是乙個元件樹,元件可以進行復用。元件的名字 1.html標籤不區分大小寫 2.不能跟系統標籤重名 3.遵循 w3c 規範中的自定義元件名 字母全小寫且必須包含乙個連字元 4.支援駝峰命名.myheader,但是在引用的時候,需要使用my header的方式元件支援兩種定義方式 全...
Vue元件使用基礎
這篇博文用來記錄.vue元件的使用方法。可以把元件 按照template style script的拆分方式，放置到對應的.vue檔案中。模板 template 初始資料 data 接受的外部引數 props 方法 methods 生命週期鉤子函式 lifecycle hooks 在html中使用元...