實例（通過ref特性調用子組件的方法）

【1】子組件code：

<template><div>{{msg}}</div> </template><script> export default {data() {return {msg: '我是子組件'}},methods: {changeMsg() {this.msg = '變身'}} } </script><style lang="sass" scoped></style>

【2】父組件code:

<template><div @click="parentMethod"><children ref="children"></children></div> </template><script> import children from 'components/children.vue' export default {components: { children },data() {return {}},methods: {parentMethod() {this.$refs.children //返回一個對象this.$refs.children.changeMsg() // 調用children的changeMsg方法}} } </script><style lang="sass" scoped></style>

https://blog.csdn.net/qq_38128179/article/details/88876060

總結

以上是生活随笔為你收集整理的【收藏】Vue中ref和$refs的介绍及使用的全部內容，希望文章能夠幫你解決所遇到的問題。

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