编程 Javascript

vue-prop父组件向子组件进行传值的方法

Posted in Javascript onMarch 01, 2018

vue-prop是父组件向子组件进行传递数据时使用的。

例如子组件为

child.vue

template: '<div>msg: {{msg}}</div>'
props: ['msg'],

我们在子组件里规定了一个数据名字叫msg

父组件里面写

<child msg="hello, vue.js!"></child>

这样我们就可以在子组件里看到msg：hello, vue.js!

以上这篇vue-prop父组件向子组件进行传值的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

vue-prop父组件向子组件进行传值的方法

- Author -

喵喵哥哥

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript Error 对象错误处理

May 18 Javascript

基于jquery的direction图片渐变动画效果

May 24 Javascript

JavaScript对象、属性、事件手册集合方便查询

Jul 04 Javascript

JS获取几种URL地址的方法小结

Feb 26 Javascript

Javascript中数组方法汇总(推荐)

Apr 01 Javascript

原生Javascript和jQuery做轮播图简单例子

Oct 11 Javascript

微信小程序图片上传实例详解

May 05 Javascript

JavaScript字符串_动力节点Java学院整理

Jun 27 Javascript

Vue2.0学习之详解Vue 组件及父子组件通信

Dec 12 Javascript

mpvue微信小程序多列选择器用法之省份城市选择的实现

Mar 07 Javascript

Vue Echarts实现可视化世界地图代码实例

May 07 Javascript

vue使用keep-alive实现组件切换时保存原组件数据方法

Oct 30 Javascript

Node.js 利用cheerio制作简单的网页爬虫示例

Mar 01 #Javascript

vue父组件向子组件传递多个数据的实例

Mar 01 #Javascript

React Native 自定义下拉刷新上拉加载的列表的示例

Mar 01 #Javascript

解决vue中无法动态修改jqgrid组件 url地址的问题

Mar 01 #Javascript

vue 实现类似淘宝星级评分的示例

Mar 01 #Javascript

vue-star评星组件开发实例

Mar 01 #Javascript

浅谈Angular 的变化检测的方法

Mar 01 #Javascript