Vue属性与v-if这次彻底搞清楚

简介: 笔记

计算属性 vs 方法 vs 侦听属性

API

如果一个功能同时可以使用计算属性(computed)、方法(methods)、侦听属性(watch)来实现的时候推荐使用计算属性。

计算属性 方法 侦听属性
计算属性是基于它们的响应式依赖进行缓存的 每当触发重新渲染时,调用方法将总会再次执行函数 有缓存,但相比计算属性,实现起来要复杂很多

v-if vs v-show

API

v-if 根据渲染条件决定是否把元素渲染到DOM页面,而v-show不管渲染条件是什么,都会把元素渲染到DOM页面,只是简单的切换CSS的显示隐藏。

如果需要非常频繁地切换,则使用 v-show 较好;如果在运行时条件很少改变,则使用 v-if 较好。

相关文章
|
1天前
|
JavaScript
vue 下载插件downloadjs
vue 下载插件downloadjs
8 1
|
1天前
|
JavaScript
vue组件封装 —— 仪表盘(有缺口的环形进度条内显示百分比值)
vue组件封装 —— 仪表盘(有缺口的环形进度条内显示百分比值)
7 1
|
1天前
|
JavaScript
vue实战——元素的拖拽 + 控制元素无法拖拽出盒子 + 随元素拖拽自适应变化大小的盒子
vue实战——元素的拖拽 + 控制元素无法拖拽出盒子 + 随元素拖拽自适应变化大小的盒子
6 1
|
1天前
|
XML JavaScript 前端开发
vue实战——图标,请使用SVG!(含插件vue-svg-icon的使用)
vue实战——图标,请使用SVG!(含插件vue-svg-icon的使用)
7 1
|
1天前
|
JavaScript
vue实战--v-for 遍历渲染按钮的两种实现方案(重点:按钮点击事件的绑定技巧)
vue实战--v-for 遍历渲染按钮的两种实现方案(重点:按钮点击事件的绑定技巧)
10 1
|
1天前
|
JavaScript
Eslint-------error ‘Vue‘ is not defined no-undef
Eslint-------error ‘Vue‘ is not defined no-undef
|
1天前
|
JavaScript
|
1天前
|
缓存 JavaScript 前端开发
Vue之异步组件【探究 Vue 的异步组件的魔力所在】
Vue之异步组件【探究 Vue 的异步组件的魔力所在】
5 1
|
1天前
|
JavaScript 前端开发 UED
Vue之异步组件【按需加载,动态引入,乃Vue异步组件之精髓也】
Vue之异步组件【按需加载,动态引入,乃Vue异步组件之精髓也】
5 1
|
1天前
|
JavaScript Windows
vue 搭建开发环境(2021版)
vue 搭建开发环境(2021版)
8 1