父传子 子传父 兄弟之间传: vuex 小项目最好别用 实例化一个空对象 利用中间量:子传父,父传子 插槽slot :作用域插槽 路由传值: 单向数据流: 所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行。这样会防止从 ...
分类:
其他好文 时间:
2019-10-25 23:15:34
阅读次数:
151
利用 Vue-Awesome-Swiper插件来做轮播效果,github地址:https://github.com/surmon-china/vue-awesome-swiper 安装 <template> <div class="wrapper"> <swiper :options="swiper ...
分类:
其他好文 时间:
2019-10-23 22:34:11
阅读次数:
106
v-for 示例1234567891011121314151617 {{item.name}}-{{index}} 对于v-for指令,通过processFor方法来进行解析processFor函数1234567891011121314function (el) { var exp; if ((ex... ...
分类:
其他好文 时间:
2019-10-17 18:02:12
阅读次数:
207
子组件: 在这个例子里,因为父组件在<child></child>里面写了html模板,那么子组件的匿名插槽这块模板就是下面这样。也就是说,子组件的匿名插槽被使用了,是被下面这块模板使用了。 最终的渲染结果如图所示: 具名插槽 匿名插槽没有name属性,所以是匿名插槽,那么,插槽加了name属性,就 ...
分类:
其他好文 时间:
2019-10-16 13:07:21
阅读次数:
56
一、__slots__ 用来取代 __dict__ 优势是省内存 附加功能是只能创建slots 定义好的key 注意:不要乱用,用了就没有__dic__方法了 二、__doc__ 查看类文档,该属性无法继承 三、__module__ : 查看当前操作的对象在哪个模块 __class__ :查看当前操 ...
分类:
其他好文 时间:
2019-10-07 00:44:20
阅读次数:
108
Slot v-slot 插槽元素 浏览器在解析时候首先把它当作标签来解析,只有遇到不认识的就不管了,直接跳过,当你发现是组件,在以组件形式解析。 使用插槽的好处? 比如一个网站 分布顶部都是一样的,如果使用组件,要写好几个导航组件。我只写一个导航组件,然后让插值里面东西去覆盖内容 就可以了。 * 在 ...
分类:
其他好文 时间:
2019-10-02 16:44:19
阅读次数:
82
首先npm文档摆在这里: https://www.npmjs.cn/ 参考组件 https://github.com/rakuten-rex/rex-dropdownhttps://www.npmjs.com/package/react-slot “造轮子”是非常有效的学习方法。在熟练掌握API的搬 ...
分类:
其他好文 时间:
2019-09-28 18:26:47
阅读次数:
144
Vue组件的另一个重要概念是插槽,它允许你以一种不同于严格的父子关系的方式组合组件。插槽为你提供了一个将内容放置到新位置或使组件更通用的出口。这一节将围绕官网对插槽内容的介绍思路,按照普通插槽,具名插槽,再到作用域插槽的思路,逐步深入内在的实现原理,有对插槽使用不熟悉的,可以先参考官网对插槽的介绍。10.1普通插槽插槽将<slot></slot>作为子组件承载分发的载体,简
分类:
Web程序 时间:
2019-09-24 19:15:25
阅读次数:
376
三个技能,父组件 — 子组件传值(props)、子组件 — 父组件传值($emit)、以及插槽(slot);对于一个独立的组件来说,props是用来为组件内部注入核心的内容;$emit用来使这个独立的组件通过一些逻辑来融入其他组件中。举个具体点的例子,假如你要做一辆车,车轮是要封装的一个独立组件,p ...
分类:
其他好文 时间:
2019-09-23 15:31:39
阅读次数:
100
# Vue指令大集合(无slot) #### 包含内容: 1. v-cloak2. v-html3. v-text4. v-bind5. v-show6. v-model7. v-for8. v-if v-else-if v-else9. v-pre 代码如下:(可以自己复制去看一下) html 展 ...
分类:
其他好文 时间:
2019-09-21 21:31:05
阅读次数:
133