文章目錄

組件

組件 (Component) 是 Vue.js 最強(qiáng)大的功能之一。組件可以擴(kuò)展 HTML 元素，封裝可重用的代碼。在較高層面上，組件是自定義元素，Vue.js 的編譯器為它添加特殊功能。在有些情況下，組件也可以表現(xiàn)為用?is?特性進(jìn)行了擴(kuò)展的原生 HTML 元素。

所有的 Vue 組件同時(shí)也都是 Vue 的實(shí)例，所以可接受相同的選項(xiàng)對(duì)象 (除了一些根級(jí)特有的選項(xiàng)) 并提供相同的生命周期鉤子。

使用組件

示例：

子組件：

child

export default {

name: "child",

props: "someprops",

methods: {

parentHandleclick(e) {

console.log(e)

}

}

}

父組件：

點(diǎn)擊

import Child from './child';

export default {

name: "parent",

components: {

child: Child

},

methods: {

clickParent() {

this.$refs.mychild.parentHandleclick("嘿嘿嘿");

}

}

}

注意：

1、在子組件中：

2、在父組件中：首先要引入子組件?import Child from './child';

3、?是在父組件中為子組件添加一個(gè)占位，ref="mychild"是子組件在父組件中的名字

4、父組件中?components: {　　是聲明子組件在父組件中的名字

5、在父組件的方法中調(diào)用子組件的方法，很重要???this.$refs.mychild.parentHandleclick("嘿嘿嘿");

總結(jié)

以上是生活随笔為你收集整理的vue怎么调用子元素的方法_vue.js 父组件如何触发子组件中的方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。