vue组件3-父子组件props传参
2017-07-11 11:19
567 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<ti
4000
tle>父子组件传参-props</title>
</head>
<script src="vue.js"></script>
<body>
<div id="app1">
<parent></parent>
</div>
<script>
Vue.component('child', {
// 声明 props
props: ['message'],
template: '<span>{{ message }}</span>'
})
//父子组件props传参子组件中可以使用props:['myMessage'],在父组件引用子组件时,使用my-message ="xx"
Vue.component('parent',{
template:'<div><child message="我是子元素"></child></div>'
})
new Vue({
el:"#app1"
})
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- vue.js使用props在父子组件之间传参
- vue.js使用props在父子组件之间传参
- vue 父子组件通讯--props,refs(muse-ui,vue.js2.0)
- vue父子组件之间传值及函数中获取props中的值
- vue 父子组件之间的通信 props
- Vue 使用Props属性实现父子组件的动态传值
- 详解vue父子组件间传值(props)
- vue之父子组件间通信实例讲解(props、$ref、$emit)
- vue 中父子组件传值：props和$emit
- vue的props和$emit / 父子组件通信
- 详解vue父组件传递props异步数据到子组件的问题
- Vue 父子组件传递方式
- vue父子组件通信常见问题及技巧
- 深入理解Vue父子组件生命周期执行顺序及钩子函数
- vue 父子组件通信
- 浅谈Vue2.0父子组件间事件派发机制
- Vue之父子兄弟组件间通信
- 父子组件通信vue.js
- vue2.0父子组件及非父子组件通信
- vue.js2.0父子组件间传参 （一）实现弹窗