日记
weixin_45849726
这个作者很懒,什么都没留下…
展开
-
学习vue的第五天
做了一个购物车案例代码如下: 购物车 <div id="app"> <div class="container"> <my-cat :list='list'></my-cat> </div> </div>总结: 父子组件间的通信不适用于爷孙之间,可以用注册组件方式通信。...原创 2019-11-11 00:14:10 · 66 阅读 · 0 评论 -
非父子组件间数据交互与组件插槽
非父子组件间传值1.单独的事件中心管理组件间的通信var eventHub=new Vue()2.监听事件和销毁事件eventHub.$on(‘add-tobo’,addtodo’),第一个参数为事件名称,第二个为事件函数eventHub.$off(‘add-tobo’)参数为事件名称3.触发事件eventHub.$emit(‘add-todo’,id)示例://提供事件中心v...原创 2019-11-09 21:27:49 · 114 阅读 · 0 评论 -
学习vue第四天,vue组件
组件模板:全局组件 全局组件 </div>组件注意事项:1.组件中的data必须为函数2.组件模板内容必须是单个根元素3.组件内容可以是模板字符串(模板字符串是Es6语法)示例:模板内容由tab上面的字符 ·· 包裹template: ` <div> <button @click="count++">点击...原创 2019-11-09 19:42:08 · 77 阅读 · 0 评论 -
学习vue第三天
学习vue第三天前两天学习中的一点疑问数组的push方法push对象后,若原对象的属性改变,数组内的对象也会同步改变,如,用数组push一个name为张三的User,修改name为李四再次push,那么数组中会有两个name都为李四的User。若数组为字符串这类型,push的是字符串等,值改变不会影响数组。...原创 2019-11-09 18:01:50 · 105 阅读 · 0 评论 -
学习vue的二天
**学习vue的二天vue表单域修饰符v-model.number 数值类型v-model.trim=“name” 去掉首尾空格v-model.lazy=“hobby” 延迟加载(用于,输入结束后,失去焦点时值改变,同chenge)自定义指令bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inserted:被绑定元素插入父节点时调用 (仅保证父节...原创 2019-11-07 20:30:16 · 104 阅读 · 0 评论