可以在父组件内部直接调用子组件的方法并且把数据通过这个方法传给子组件接收

前端小白 前端 2021-03-27
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://img.cdn.apipost.cn/mp/d44a51d7f879be97.webp"></script>
</head>
<body>
<div id="app">
	<runoob ref='childa'></runoob>
</div>

<script>
var Child = {
  template: '<h1>自定义组件!</h1>',
	methods:{
		sayname(v = 'undefined'){
			console.log(`名字是:${v}`)
		}
	}
}

// 创建根实例
new Vue({
  el: '#app',
  components: {
    // <runoob> 将只在父模板可用
    'runoob': Child
  },
	mounted(){
		//console.log(this.$refs.childa)
		this.$refs.childa.sayname('yeyuan')
	}
})
</script>
</body>
</html>
中文版Postman,rap文档管理

评论