vue父子组件传值
网络新闻 2022-09-21 08:59www.168986.cn长沙seo优化
vue父子组件如何传值呢?我们一起了解一下吧!
父子组件就是在一个vue文件中引入另一个vue文件,被引入vue文件就是子组件,引入vue文件的vue文件就是父组件。以下是父子组件传值的具体操作。
1.父向子传值props
父组件<child :inputName="name">
子组件
(1)props: {
inputName: String,
required: true
}
(2)props: ["inputName"]
2.子组件向父组件传值$emit
子组件:
<span>{{childValue}}</span>
<!-- 定义一个子组件传值的方法 -->
<input type="button" value="点击触发" @click="childClick">
export default {
data () {
return {
childValue: '我是子组件的数据'
}
},
methods: {
childClick () {
this.$emit('childByValue', this.childValue)
}
}
}
关于父子组件传值,我们就分享到这啦!
上一篇:js替换所有指定字符串
下一篇:hdb3码编码规则
长沙网络推广
- 人工智能十大算法 人工智能十大算法遗传算法
- 科学的三个本质特征
- ai人工智能是什么行业 ai人工智能是什么东西_
- 科学的三个本质特征 科学的本质有哪些
- 100个有趣的科学小实验 有趣味的科学小实验
- icp备案查询官网 icp许可证办理官网
- 科学的三要素是什么 科学的三要素及其内容
- 简单科学小实验 简单科学小实验视频
- ai人工智能的好处 ai人工智能的好处及生活应用
- 科学的简单定义 科学的定义及其三个属性
- 100个有趣的科学问题 100个科学小问题
- 人工智能技术有哪些 人工智能技术有哪些新的科
- 人工智能包括几个方面 人工智能包括哪些方面内
- 科学概念名词解释 名次解释科学
- 镇江高防服务器 镇江高防服务器价格
- 云服务器出租 云服务器gpu租用