摘要:
在Vue中使用插槽 组件的template里可以在任意位置添加<slot></slot>,slot为标签,称为插槽,像是一个借口,接受html数据。 具名插槽,slot标签可以添加name属性,用与区分组件中不同插槽 <slot name="header"></slot> <slot name="h 阅读全文
摘要:
非父子组件间的传值 1.Vuex 2.总线机制(Bus/发布订阅模式/观察者模式/) Vue.prototype.bus=new Vue(); 让原型属性bus指向一个Vue实例,让其充当非父子组件之间传值的桥梁,相当于计算机各种功能部件之间传送信息的公共通信干线(总线Bus) 1.给Vue类加上原 阅读全文
摘要:
组件上绑定原生事件: 1.在父组件绑定事件(@click.native="handle") 2.在vue实例中的methods定义事件函数 <body> <div id="root"> <child @click.native="handleClick"></child><!-- 加上native为 阅读全文
摘要:
组件参数校验 如果父组件定义content=""属性,引号表示的是一个字符串,只有:content=""的形式,引号里才表示一个js表达式。 参数校验: 属性名:{ type:[数据类型1,数据类型2]或单独的数据类型 required:Boolean,//是否必传 default:'default 阅读全文
摘要:
父子组件间通信 父组件-->子组件 1.父组件通过给子组件添加属性给子组件传值,子组件通过props来接受。 2但是要在属性前加“:”,即使用v-bind指令,才能使属性值是js代码,不然就是字符串。 3.单项输出流。即子组件不允许修改父组件传递的值,只能使用,不能修改。 父组件通过属性向子组件传值 阅读全文
摘要:
1.is可解决h5页面的小bug。 tr与tbody在页面显示变成同级 错误代码如下: <body> <div id="root"> <table> <tbody> <row></row> <row></row> <row></row> </tbody> </div> <script> Vue.co 阅读全文