【Vue3重点概念总结和实践六】（v-once / 封装一个切换器 / 异步操作 / 实现本地存储函数）

目录

1、优化性能的指令

2、切换器

3、异步操作

4、实现本地存储函数

5、Vue3 + Vue-cli (1) 基础篇

6、Vue3+ Vue-cli (2) 组件篇

---

1、优化性能的指令

原题： 

Vue.js 提供了一个指令，以便只渲染一次元素和组件，并且跳过以后的更新。

vuejs-challenges/questions/12-optimize-perf-directive/README.zh-CN.md at main · webfansplz/vuejs-challenges · GitHub

答案：

v-once：仅渲染元素和组件一次，并跳过之后的更新。

在随后的重新渲染，元素/组件及其所有子项将被当作静态内容并跳过渲染。这可以用来优化更新时的性能。

文档：

内置指令 | Vue.js

2、切换器

原题： 

vuejs-challenges/questions/15-useToggle/README.zh-CN.md at main · webfansplz/vuejs-challenges · GitHub

答案：

3、异步操作

原题： 

vuejs-challenges/questions/16-until/README.zh-CN.md at main · webfansplz/vuejs-challenges · GitHub

答案：

4、实现本地存储函数

原题： 

我们经常需要使用 localStorage API，一个好用的可组合函数封装将帮助我们更好地使用它。

vuejs-challenges/questions/18-useLocalStorage/README.zh-CN.md at main · webfansplz/vuejs-challenges · GitHub

答案：

5、Vue3 + Vue-cli (1) 基础篇

Vue3 + Vue-cli (1) 基础篇_vue3 vue-cli_小草莓蹦蹦跳的博客-CSDN博客

6、Vue3+ Vue-cli (2) 组件篇

Vue3+ Vue-cli (2) 组件篇_vue3 根组件 应用_小草莓蹦蹦跳的博客-CSDN博客