0
点赞
收藏
分享

微信扫一扫

vue补充

雅典娜的棒槌 2022-01-26 阅读 69
  1. computed
    计算函数只要内容不发生改变,该方法就不会被触发(存在缓存)
    在这里插入图片描述
    get set

  2. 样式绑定
    class对象绑定
    在这里插入图片描述
    数组变更
    在这里插入图片描述
    style
    在这里插入图片描述

  3. v-for
    Vue 将被侦听的数组的变更方法进行了包裹,所以它们也将会触发视图更新。这些被包裹过的方法包括:

    • push()
    • pop()
    • shift()
    • unshift()
    • splice()
    • sort()
    • reverse()
      你可以打开控制台,然后对前面例子的 items 数组尝试调用变更方法。比如 example1.items.push({ message: ‘Baz’ })。
  4. 组件细节

    • 子组件的的data需要是个函数,有返回值
    • 获取子组件的值需要使用$refs.某个id.某个属性
    • is解决小bug
      在这里插入图片描述
      在这里插入图片描述
  5. 父组件向子组件传值 通过属性

  6. 非父子组件传值(发布订阅模式/Bus )
    在这里插入图片描述
    在这里插入图片描述

  7. 插槽
    在这里插入图片描述
    作用域插槽
    在这里插入图片描述

  8. 动态组件(替换v-if)
    在这里插入图片描述
    在这里插入图片描述
    v-once提升效率(不销毁存入内存)
    在这里插入图片描述

  9. css动画效果在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  10. 项目开始

npm install stylus --save
npm install styplus-loader --save
举报

相关推荐

0 条评论