当前位置: 首页 > news >正文

官方网站英语/windows优化大师有用吗

官方网站英语,windows优化大师有用吗,网站建设项目环境影响评价目录,汉中市网站建设公司一、父组件向子组件传值 Prop 你可以像这样给 prop 传入一个静态的值&#xff0c;例如&#xff1a; <article-list title"文章名称"></article-list> 你可以通过 v-bind 动态赋值&#xff0c;例如&#xff1a; <!-- 动态赋予一个变量的值 --> …

一、父组件向子组件传值 Prop

你可以像这样给 prop 传入一个静态的值,例如:

<article-list title="文章名称"></article-list>

你可以通过 v-bind 动态赋值,例如:

<!-- 动态赋予一个变量的值 -->
<article-list :title="article.title"></article-list><!-- 动态赋予一个复杂表达式的值 -->
<article-list :title="`${article.title} by ${article.author}`"></article-list>

子组件要显式的用 props 选项声明它预期的数据,如:

// 子组件
export default {props: {title: {type: String,default: '文章名称'}}
}

 

二、子组件向父组件传值

在Vue中,父子组件的关系可以总结为 prop 向下传递,事件向上传递。父组件通过 prop 给子组件下发数据,子组件通过事件给父组件发送信息。

 

每个Vue实例都实现了事件接口:使用 $on(evntName) 监听事件;使用 $emit(eventName,optionalPayload) 触发事件。另外,父组件可以在使用子组件的地方直接用 v-on 来监听子组件触发的事件。


父组件在组件上定义了一个自定义事件 childFn ,事件名为 parentFn 用于接受子组件传过来的 message 值。

<!-- 父组件 -->
<template><div class="test"><test-com @childFn="parentFn"></test-com>子组件传来的值 : {{message}}</div>
</template><script>
export default {data: {message: ''},methods: {parentFn(payload) {this.message = payload;}}
}
</script>

 子组件是一个 buttton 按钮,并为其添加了一个 click 事件,当点击的时候使用 $emit() 触发事件,把 message 传给父组件。

<!-- 子组件 -->
<template> 
<div class="testCom"><input type="text" v-model="message" /><button @click="click">Send</button>
</div>
</template>
<script>
export default {data() {return {// 默认message: '子组件的消息'}},methods: {click() {this.$emit('childFn', this.message);}}    
}
</script>

 

 

http://www.lbrq.cn/news/38611.html

相关文章:

  • 审计实务网站建设论文/seo属于什么职位类型
  • 广州高端网站定制开发价格/有实力的网站排名优化软件
  • 泰安做网站多少钱/全球中文网站排名
  • 谁知道免费网站/seo属于运营还是技术
  • 手机网站开发用什么语言/网站排名优化
  • 垂直型电商网站如何做/百度网盘在线登录入口
  • 成都哪里可以做网站/网上推广怎么弄?
  • 模板网站如何做优化/西安网站开发制作公司
  • 旧宫网站建设/十大互联网平台
  • 网站建设运营方案/网络关键词优化方法
  • 哈尔滨网络科技公司网站/高权重网站出售
  • 泸州中泸集团建设有限公司网站/百度推广要多少钱
  • 定制开发一个网站多少钱/东莞关键词优化软件
  • 视差 网站/全网推广引流黑科技
  • 钢结构网站建设/衡水seo优化
  • 免费手机网站/百度搜索引擎地址
  • 爱网购的女人/win10优化工具下载
  • 湛江网站建设/网站怎么开发
  • 国外的营销网站有哪些/培训机构招生7个方法
  • 廊坊建设银行网站/深圳企业网站制作
  • 建网站的资料/seo收录查询工具
  • 有什么好看的网站资源/福州模板建站哪家好
  • 国家重大建设项目网站地址/西安网络优化哪家好
  • 企业网站有哪几个类型/制作网页的基本步骤
  • 17做网站 一件代发/成都新闻最新消息
  • 做视频网站要什么/网址提交百度
  • 网络工程师考试资料/天津做优化好的公司
  • centos wordpress安装教程/北京seo网站开发
  • 娄底网站建设工作室/建网站软件
  • 苏州比较好的互联网公司/济南seo怎么优化
  • cursor使用mcp连接mysql数据库,url方式
  • Bootstrap-HTML(七)Bootstrap在线图标的引用方法
  • 卷积模型的优化--Dropout、批标准化与学习率衰减
  • 2025 R3CTF
  • H2 与高斯数据库兼容性解决方案:虚拟表与类型处理
  • NO.4数据结构数组和矩阵|一维数组|二维数组|对称矩阵|三角矩阵|三对角矩阵|稀疏矩阵