（1）區域性元件
元件的定義模式可以直接在程式裡面採用html字串的方式進行定義，先進行乙個區域性元件的定義，所謂區域性元件指的是針對於某個vue物件定義的。
js**：
el:'#msgdiv',
components:
} })
html**：
（2）全域性元件
以上所定義的元件只能夠在當前vue物件使用，所以按照習慣性的做法，元件是一段可以被重複呼叫的**段，所以這段**應該定義為全域性元件。
js**：
vue.component('message-component',);
el:'#msgdiv'
})
js**：
window.onload = function () }
"+ "翻轉內容：}
" + ""+
"修改資訊"+
"", data: function ()
},methods:
},computed:
}}); el: '#msgdiv'
})
在之前的程式中，所有的元件中的**都是通過具體字串來實現html**編寫，很明顯這樣的做法是非常低效的，最好的做法應該是引用乙個已有的**。
js**：
window.onload = function ()
},methods:
},computed:
}}); el: '#msgdiv'
})
原始內容：}
翻轉內容：}
修改資訊
Vue入門（2）元件
元件是可復用的 vue 例項，且帶有乙個名字。元件是vue.js最強大的功能之一。元件可以擴充套件html元素，封裝可重用的 在較高層面上，元件是自定義的元素，vue.js的編譯器為它新增特殊功能。在有些情況下，元件也可以是原生html元素的形式，以is特性擴充套件。1.區域性元件的建立 div 區...
vue學習筆記3 元件
1 元件命名 a.全小寫加連線符 vue.component my component name 當使用 kebab case 短橫線分隔命名 定義乙個元件時，你也必須在引用這個自定義元素時使用 kebab case，例如。b 駝峰式 vue.component mycomponentname 當使...
Vue 3 元件註冊
上一節實驗中，我們大概了解了一下元件的基礎，這一節實驗我們要深入元件註冊。我們在註冊元件的時候，我們都會給元件起乙個名字，就好像我們人的名字一樣。需要注意的是，我們的元件名字是有一些規範的，一般這種單檔案元件，我們強烈推薦使用字母全小寫且必須包含乙個連字元，全部小寫字母，單詞使用中華線 隔開。例如我...