vue元件註冊

我們會在多個頁面使用button，每個頁面寫起來很麻煩，如果想把它做成乙個公用元件，使用時直接呼叫會比較方便。現在建立了乙個元件button.vue。

找到main.js檔案，然後輸入如下：

import button from

'./components/button.vue'
vue.
component
('my-button'
, button)

我們在home.vue中呼叫該元件，寫法如下：

>

>
>
my-button
>
div>
template
>
注意元件名稱要和全域性註冊中定義的名稱保持一致。
如果我們不想全域性註冊，想區域性註冊，我們就需要在需要使用的頁面單獨引入即可。
方法很簡單：
第一步：import匯入
第二步：components中註冊
第三步：template裡面呼叫。
例項如下：
Vue元件註冊
方式一 vue.component my component name 方式二 vue.component mycomponentname 方式一 在dom中可以直接用，是有效的元素 方式二 可用在單檔案元件中 single file component 元件註冊後，可在全域性使用，並且全域性元件之...
Vue 元件註冊
全域性元件 全域性元件註冊語法 components中的兩個引數元件名稱和元件內容 vue.component 元件名稱,全域性元件註冊應用 元件建立 vue.component button counter template 點選了 次 methods var vm new vue 如何在頁面中運...
vue註冊元件
下面是建立乙個新的構造器，元件構造器 const hello vue.extend my hello元件註冊，第二個引數傳入的是擴充套件的構造器 vue.component my hello hello my world元件註冊，第二個引數傳入的是選項物件 vue.component my worl...