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