vue组件学习6（props传参）
来源：互联网 发布：百度域名注册服务费用 编辑：程序博客网 时间：2024/06/05 16:27
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="js/vue-1.0.24.debug.js"></script>
</head>
<body>
<div>
<child msg="hello_vue"></child>
</div>
<div style="margin-top:50px;">
<input type="text" v-model="inputMsg">
<br>
<children :input-msg="inputMsg"></children>
</div>
<script>
//1.父子组件props传参
Vue.component('child',{
props:['msg'],
template:'<span>{{msg}}</span>'
})
//2.props动态传参
Vue.component('children',{
props:['inputMsg'],
template:'<span>{{inputMsg}}</span>'
})
new Vue({
el:'body',
data:{
inputMsg:"hello_vue"
}
})
</script>
</body>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="js/vue-1.0.24.debug.js"></script>
</head>
<body>
<div>
<child msg="hello_vue"></child>
</div>
<div style="margin-top:50px;">
<input type="text" v-model="inputMsg">
<br>
<children :input-msg="inputMsg"></children>
</div>
<script>
//1.父子组件props传参
Vue.component('child',{
props:['msg'],
template:'<span>{{msg}}</span>'
})
//2.props动态传参
Vue.component('children',{
props:['inputMsg'],
template:'<span>{{inputMsg}}</span>'
})
new Vue({
el:'body',
data:{
inputMsg:"hello_vue"
}
})
</script>
</body>
</html>
//例1：父子组件props进行传参，在绑定属性是直接写xxx=" "，
//例2：props动态传参，在绑定属性是v-on:xxx = "（v-model传的参数）"
阅读全文
0 0
- vue组件学习6（props传参）
- vue组件3-父子组件props传参
- vue组件4-props传参2
- vue 分页组件及props传参
- Vue组件选项props
- vue中component组件的props使用
- Vue- 组件与props属性的用法
- Vue-组件props属性再回顾
- vue子组件获取父组件的内容（props属性）
- ReactJS学习系列课程（props 组件属性）
- vue props
- Vue.js-----轻量高效的MVVM框架,组件利用Props传递数据）
- Vue.js-----轻量高效的MVVM框架（九、组件利用Props传递数据）
- Vue.js学习笔记：props传递数据
- vue学习（三） vue组件
- Vue系列： 如何通过组件的属性props设置样式
- 关于Vue.js的组件化，使用props传递数据
- Vue.js 系列教程 2：组件，Props，Slots
- Java多线程知识小抄集(三)
- 构造方法相关（与类名相同的方法）
- 如何在python项目中更加优美的自定义常量
- 网易笔试题总结
- react-app
- vue组件学习6（props传参）
- Mac下使用node进程管理工具supervisor
- 物理服务器、VPS、云服务器、虚拟主机
- $RANDOM: 产生随机整数及双圆括号结构
- 南阳oj116--士兵杀敌（二）（线段树，更新，求和）
- 【原创】【百度之星2017初赛A】1001 小C的倍数问题
- 1.SoC时钟系统简介
- （CDOJ 844 线段树区间最大连续和 ）<线段树的各种姿势>
- 别老扯什么Hadoop了，你的数据根本不够大
