美文网首页
vue相关知识点

vue相关知识点

作者: 拖孩 | 来源:发表于2021-05-20 10:13 被阅读0次

组件中的 data 为什么是函数

组件是用来复用的,组件中的data应是互不影响的,防止data复用。

v-ifv-show的区别

当为false时,v-if不会渲染页面,v-show会渲染页面但是不会显示。

v-forkey的作用

vue组件高度复用增加Key可以标识组件的唯一性,可以高效的更新虚拟Dom

v-forkey为什么不能用index

数据项如果删除,删除项后的每一项的index都会更改,vue会认为这些数据项更改,都要重新渲染一遍,影响性能。

v-forv-if

不建议一起使用,v-for的优先级比v-if要高,v-for先循环渲染Dom、后判断,影响性能。

什么情况下数组更新不渲染

vm.array[index] = newVal
vm.array.length = newLength

由于vue实例创建之后添加新的属性到实例上,它不会触发视图更新。
可使用 $set(target, key, value)$forceUpdate()

  • target:需要变更的对象或者数组
  • key:变更的对象的键值/变更数组的索引值
  • value:新的对象或者数组

  • $forceUpdate():迫使 Vue 实例重新渲染,仅影响实例本身和插入插槽内容的子组件。

相关文章

  • Plan

    一:Plan On Work:知识点 1、vue(MVVM、vue原理、使用中遇到的问题、相关插件、环境搭建) 2...

  • vue学习(31)脚手架使用

    知识点 1:vue脚手架隐藏了webpack的相关配置,想看配置:vue inspect > output.js2...

  • VUE相关知识点

    VUE相关知识点vue是一个用于构建用户界面的框架,采用MVVM模式(model-view-viewmodel),...

  • vue相关知识点

    1 什么是mvvm模式 mvvm是Model-View-ViewModel缩写,是一种设计思想,model代表...

  • Vue相关知识点

    1、vue父子组件之间的通信 在vue组件通信中其中最常见通信方式就是父子组件之中的通性,而父子组件的设定方式在不...

  • vue相关知识点

    1.vue有哪些优点? 答:轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb;简单易学:国人开...

  • vue 相关知识点

    侦听器初始化深度监听 全局监听事件 也可实现兄弟组件通讯 如果页面显示的数据为对象时如何判断是否有数据 父组件...

  • vue相关知识点

    组件中的 data 为什么是函数 组件是用来复用的,组件中的data应是互不影响的,防止data复用。 v-if和...

  • vue仿cnode社区

    一、为什么要仿cnode社区? 需要练习vue的相关知识点,比如计算属性、事件绑定、vue-router路由的跳转...

  • 无标题文章

    1.这个月复习了VUE 的相关知识点 然后将之前不是太懂的知识点补了起来 Vue是国人开发的一款前端框架,他是利用...

网友评论

      本文标题:vue相关知识点

      本文链接:https://www.haomeiwen.com/subject/czmkjltx.html