文章目錄

組件

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

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

使用組件

示例：

子組件：

child

export default {

name: "child",

props: "someprops",

methods: {

parentHandleclick(e) {

console.log(e)

}

}

}

父組件：

點擊

import Child from './child';

export default {

name: "parent",

components: {

child: Child

},

methods: {

clickParent() {

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

}

}

}

注意：

1、在子組件中：

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

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

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。