Vue元件註冊

// 方式一

vue.component('my-component-name', )
// 方式二
vue.component('mycomponentname', )
// 方式一 在dom中可以直接用，是有效的元素
// 方式二 可用在單檔案元件中（single-file component）

vue.component('component-a', )

vue.component('component-b', )
vue.component('component-c', )

var componenta = 

var componentb = 
var componentc = 
new vue(
})

var componenta = 

var componentb = ,
// ...
}

import componenta from './componenta'

import componentc from './componentc'
export default ,
// ...
}

原文出處：《2.1 元件註冊》

vue元件註冊

我們會在多個頁面使用button，每個頁面寫起來很麻煩，如果想把它做成乙個公用元件，使用時直接呼叫會比較方便。現在建立了乙個元件button.vue。找到main.js檔案，然後輸入如下 import button from components button.vue vue.component m...

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...