vue中元件的建立

三種建立方法：

注意：

1.模板template中只能有乙個根節點
2.元件的名字，如果採用駝峰命名的話，如myname,那麼在使用的時候只能只用my-name

>
<
/index-a>
<
/div>
// vue.extend()函式會返回乙個元件的構造器，它裡面包含乙個引數，它是乙個物件，裡面是一些配置項
// vue.component()函式會利用vue.extend()返回的構造器建立乙個元件的例項，它有兩個引數，乙個是元件的名字，另乙個元件的構造器
var index = vue.
extend()
// 建立乙個全域性元件index-a
vue.
component
('indexa'
, index)
var vm =
newvue(}
)<
/script>
<
/body>

>
<
/index-b>
<
/div>
vue.
component
('indexb',)
var vm =
newvue(}
)<
/script>
<
/body>

'test'
>
我是首頁<
/div>
<
/template>
>
<
/index-c>
<
/div>
vue.
component
('indexc',)
var vm =
newvue(}
)<
/script>
<
/body>

vue中如何建立元件？

全域性註冊 vue.component my component name 這些元件是全域性註冊的，也就是說它們在註冊之後可以用在任何新建立的vue根例項 newvue 的模板中。比如 js中 vue.component component a vue.component component b v...

vue元件的建立

為了可重用性高，減少重複性開發，我們可以按照template style script的拆分方式，放置到對應的.vue檔案中。vue元件可以理解為預先定義好的viewmodel類。乙個元件可以預定義很多選項，最核心的有 模板template 模板反映了資料和最終展現給使用者的dom之間的對映關係，初...

VUE 元件的建立

什麼是元件 元件就是為了拆分 vue 例項的 量的，能讓我們以不同的元件來劃分不同的功能模組，建立好後需要什麼功能就呼叫什麼元件，有一點類似於我們的函式 元件的建立 注 無論是哪一種建立元件的方法 元件的 template 屬性指向的模板內容必須只有乙個根元素 第一步 使用 vue.extend 來...