vue 子页面调用父页面的参数_Vue子父组件间的数据传递-程序员宅基地

技术标签： vue 子页面调用父页面的参数

Vue组件间的作用域是独立的，不能相互之间调用数据，需要通过特定的方法进行数据的传递。

一、父组件往子组件传递数据

1、使用 Prop 传递数据

组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。要让子组件使用父组件的数据，我们需要通过子组件的 props 选项。

注意：子组件标签中的属性不区分大小写，要通过中线的方式区分单词。props的值可以使数组，可以使对象。

父组件：

import ChildA from './components/child.vue'

export default {

data() {

return {

text: '我是父组件的数据'

}

components: {

ChildA

}

子组件：

{ {msg}}++++{ {numberTo}}

export default {

props: ['msg', 'number-to'],

}

2、使用slot分发内容

本文链接：https://blog.csdn.net/weixin_39842918/article/details/111863704

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

《东周列国志》第五十二回公子宋尝鼋构逆陈灵公衵服戏朝_公子宋的记载-程序员宅基地

文章浏览阅读1k次。话说公子归生字子家，公子宋字子公，二人皆郑国贵戚之卿也。郑灵公夷元年，公子宋与归生相约早起，将入见灵公。公子宋之食指，忽然翕翕自动，何谓食指？第一指曰拇指，第三指曰中指，第四指曰无名指，第五指曰小指，惟第二指，大凡取食必用著他，故曰食指。公子宋将食指跳动之状，与归生观看，归生异之。公子宋曰：“无他。我每常若跳动，是日必尝异味。前使晋食石花鱼，后使楚一食天鹅，一食合欢橘，指皆预动，无次不验。不知今日尝何味耶？”将入朝门，内侍传命，唤宰夫甚急。公子宋问之曰：“汝唤宰夫何事？”内侍曰：“有郑客从汉江来，得一大鼋，_公子宋的记载

206265-94-3，t-Boc-N-Amido-PEG3-Tos化学式：C18H29NO7S-程序员宅基地

文章浏览阅读79次。英文名称：t-Boc-N-Amido-PEG3-Tos化学式：C18H29NO7S分子量：403.5CAS：206265-94-3纯度：95%储存条件：-20°C运输：环境温度结构式：其他产品列表：Azido-PEG4-t-Boc-hydrazide 1919045-01-4 Azido-PEG2-t-Boc-hydrazide 2100306-56-5 t-Boc-N-Amido-PEG5-propargyl 2062663-67-4 _206265-94-3

修改log4j配置文件来减小Linux系统tomcat/logs目录下的catalina.out文件的大小_catalina.out日志文件设置大小压缩-程序员宅基地

文章浏览阅读2.4k次。近两天linux下的tomcat/logs目录下catalina.out文件过大（基本上是每三个月就达到4G），除了网上找到的使用cronolog工具进行对此日志进行分割之外。也可以通过配置服务的log4j.properties文件进行屏蔽（估计这个是跟我的服务有关系，因为我的MSA服务里面打印了很多日志信息，具体log4j配置见下面）。因为我发现catalina.out文件里记录的日志都是在My_catalina.out日志文件设置大小压缩

MD5加密_md5长度-程序员宅基地

文章浏览阅读2.8w次，点赞24次，收藏257次。MD5加密MD5算法为计算机安全领域广泛使用的一种散列函数，用于提供消息的完整性，是计算机广泛使用的哈希算法之一MD5的固定长度为128比特，16字节，通常用他的16进制字面值输出他，是一个长度为32位的字符串。MD5特点长度固定（无论输入多少字节，输出总是16字节）不可逆（从结果无法反推原始数据）具有高度的离散性（输出的16字节数据，没有任何规律可言，无法预测结果）抗碰撞性（在原始数据固定的情况下，几乎不会出现两个数据的MD5相同）MD5应用场景用户密码保护:在保存用户密码时，不记_md5长度

rabbitmq教程java，LVM&RAID 特点&区别-程序员宅基地

文章浏览阅读811次，点赞26次，收藏24次。看完美团、字节、腾讯这三家的一二三面试问题，是不是感觉问的特别多，可能咱们真的又得开启面试造火箭、工作拧螺丝的模式去准备下一次的面试了。开篇有提及我可是足足背下了Java互联网工程师面试1000题，多少还是有点用的呢，换汤不换药，不管面试官怎么问你，抓住本质即可！能读到此处的都是真爱Java互联网工程师面试1000题。

List根据实体类中某一字段进行去重_list根据一个字段去重-程序员宅基地

文章浏览阅读824次，点赞9次，收藏6次。List根据实体类中某一字段进行去重_list根据一个字段去重