Avatar notebook default
11篇文章 · 2841字 · 1人关注
  • Resize,w 360,h 240
    插槽

    1、插槽的内容 文字 html(div,span之类的标签) 组件 文字:组件里的内容是不能显示的,用了slot就可以显示出来 插槽内容1.pn...

  • 非父子组件传值(bus)

    1、我们需要做到这样一个效果,点击内容Sansa的组件,把值传给内容为Stark的组件,反之亦然 2、此时需要用到bus,给Vue上的proto...

  • Resize,w 360,h 240
    给组件绑定原生事件

    1、一般来说,我们想给组件绑定事件,都会想直接给组件绑定,如下图: 2、可是点击时,却没有任何效果。这是因为我们在组件上绑定的是我们自定义的点击...

  • 单向数据流

    概念: 1、父级 prop 的更新会向下流动到子组件中,但是反过来则不行。这样会防止从子组件意外改变父级组件的状态。2、每次父级组件发生更新时,...

  • 父子组件传值

    1、父组件向子组件传值 父组件通过属性绑定的方式向子组件传值 子组件通过props接收注意:子组件只可以使用父组件传来的值,而不能修改,这是因为...

  • 关于is

    代码如下:

  • Resize,w 360,h 240
    v-show和v-if的区别

    1、v-show 先看代码: 这里在data里设置isShow,默认值设为true。打开控制台,效果图如下: v-show.png 当点击“切换...

  • Class与Style绑定

    class绑定 1.class对象绑定 先看代码: active 这个 class 存在与否将取决于数据属性 isactive 的 truthi...

  • Resize,w 360,h 240
    计算属性、方法、侦听器

    1、计算属性 vue官网上说,对于任何复杂逻辑,你都应当使用计算属性 先看代码: 分析一下:1、计算属性里有个fullName函数,里面的关键字...

文集作者