VUE2 入坑指南05 元件

vue.extend 來建立全域性的 vue 元件

var com1 = vue.extend()

vue.component('mycom1',com1)html中使用：

//建立的時候名稱如果用駝峰，使用的時候需要用-簡化版

vue.component('mycom1',vue.extend())

vue.component(『mycom2』,)

html中使用：

三、

html:

js:

vue.component('mycom3',)

var vm = new vue(,
methods:{}
})

})

vue.compontent(     

},	methods:
})

登入

/a>

登入

/a>

//mode屬性，設定切換方式，先出後進

var com2 = 

}​	methods:	
​	}}
var vm = vue(,
​	methods:
​	}})

console.log(this.$refs.myh1.innertext);

this.$refs.mylogin.msg   //vm 中獲取元件的資料

this.$refs.mylogin.show() //vm 中呼叫元件的方法

vue2 入坑指南04–動畫

vue2 入坑指南06–路由

Vue2 元件封裝

接觸乙個前端框架，除了基礎的使用語法以外我們接下來都會很關心元件和復用的問題。以下就是個簡單的例子。下面是在父元件中引入子元件的 片段 booklist out container booklist container for book in books book book div button c...

vue 2 元件之間傳值

對vue2版本的元件之間傳值的乙個簡單整合 父元件 子元件 props 和 refs props parent this.ref.helloworld.msg子元件 父元件 自定義事件 child this.emit send msg parent 兄弟元件 通過共同祖輩搭橋 par ent或 pa...

Vue 2 元件基礎 全域性元件和區域性元件

元件是什麼 元件是vue最強大的功能之一，元件可擴充套件 html 封裝可重用的模組，讓其它地方能使用。元件能幹嘛 元件的優點是封裝重複的特定 html css,js,html 然後通過元件名字可以重複利用該元件中的 元件的分類 元件可分成全域性元件和區域性元件，它們的區別就是 全域性元件能供所以例...