0
点赞
收藏
分享

微信扫一扫

随记(一)

晒大太阳了 2022-04-23 阅读 52
前端

computed和watch的对比

Computed

Watch

计算属性

监听属性

支持缓存

不支持缓存

不支持异步

支持异步

依赖数据发生变化时,重新计算

数据发生变化时,执行函数

一个值受多个属性影响

一条数据影响多条数据

必须return返回数据

v -if 和 v - show 的区别 

v -if

v - show

条件渲染

控制元素的 display 属性

当元素隐藏时,会在DOM节点中把该元素移除

当元素隐藏时,会在DOM节点中把该元素CSS属性设置为display : none元素依然保留在 DOM节点中

v - if 有更高的切换开销,v - show 有更高的初始化渲染开销。

如果需要频繁的切换用v - show 比较好,如果条件很少改变,则使用 v - if 较好.

 

Element-UI table组件动态合并行 

 

 

 

如何控制node版本 

使用nvm控制版本(在nvm中下载node)

下载地址:https://github.com/coreybutler/nvm-windows/releases

查看可安装版本:nvm list [available]

下载安装node:nvm install 11.13.0

使用:nvm use [版本号] [32/64]

卸载:nvm uninstall 11.13.0

Key的作用

 V-for时加上key作为节点的唯一标识,可以更高效更好的渲染,但是最好不要用index。用index作为key时,若在第二条插入一条数据,则除了第一个数据可以复用之前的之外,另外三条数据都需要重新渲染。用id(数据唯一值)作为key时,若在第二条插入一条数据,则除了新插入的那条数据需要渲染,其他数据都可以复用之前。

 

举报

相关推荐

0 条评论