vue的多层主键的通信
来源:互联网 发布:淘宝代销货图片签协议 编辑:程序博客网 时间:2024/05/19 08:43
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="vue1.0.25.js" ></script></head><body><div id="app"><my-parent :imgtitle='title' :imgsrc='img'></my-parent></div><template id="my_img" > <img :src="imgsrc" alt="" / width="200"> </template><template id="my_title" > <h2>{{title}}</h2> </template><template id='my_parent'><div><child1 :imgsrc='imgsrc'></child1><child2 :title='imgtitle'></child2></div></template><script type="text/javascript">let Child1=Vue.extend({template:'#my_img',props:['imgsrc']})let Child2=Vue.extend({template:'#my_title',props:['title']})//注册父主键Vue.component('my-parent',{props:['imgtitle','imgsrc'],components:{'child1':Child1,'child2':Child2},template:'#my_parent'})new Vue({el:'#app',data:{title:'我是不是很漂亮',img:'04表单提交/img/btns.png'} })</script></body></html>
阅读全文
0 0
- vue的多层主键的通信
- vue的全局主键
- vue的自定义主键
- vue 多层选择按钮的全选
- vue的主键和子主键的传播props
- 有关vue v-for 多层循环嵌套获取 行数的
- vue组件之间的通信
- vue组件之间的通信
- vue的组件间通信
- Vue组件间的通信
- VUE组件之间的通信
- vue组件之间的通信
- vue组件之间的多种通信方法
- vue组件之间的多种通信方法
- Vue兄弟组件之间的通信(EventBus)
- vue父子组件之间的通信
- 浅谈Vue组件间的通信
- 总结vue父子组件之间的通信
- 今年收获不错
- Shop项目--3. 使用ajax获取商品分类列表,并存在redis中
- Cmder默认的命令提示符 λ 改成 $
- 【docker】sshd
- Python处理list中的重复元素(重命名,统计,删除等)
- vue的多层主键的通信
- linux查看网卡信息的几种方法(命令)
- [JavaScript/基础入门一/每天一点点]
- Linux虚拟机下安装配置MySQL
- 894D
- Mac VMware fusion10 Centos7网络配置
- c#中的正则表达式
- Windows系统中批量创建用户的
- 考研英语