Vue 组件的计算变量(computed)，它在创建组件时会收集每个计算变量的依赖元素，在依赖元素改变时重新计算该计算变量。
这篇笔记对比以下4种情况下，是否会重新计算对应的计算变量:
v-if导致该元素不显示时，那么依赖元素改变时，会重新计算该计算变量吗？v-show导致该元素不显示时，那么依赖元素改变时，会重新计算该计算变量吗？注: 这是阅读《循序渐进Vue.js 3前端开发实战》和官方文档等做的笔记
在Vue框架中，将网页甚至整个网站抽象为一个应用程序，即Web App，而这个Web App主要由各种组件组成；网站渲染的起点元素被称为 根组件 。
创建一个Vue App实例:
注意到提供的参数为空，这便是一个默认的参数，可以通过传入参数提供一些配置选项。
VueJS 构建工具有 Vue CLI 和 Vite ，其中Vue CLI比较全面，使用更加广泛，而Vite比较新，它不使用webpack，专注于提高构建速度，并且它也支持构建React项目。
这里只做最基本的介绍，方便快速查看，详细直接看官方文档。
在Vue组件中，data选项 是一个函数，它返回一个字典对象，里面的元素便是该组件的属性；而 methods选项 是用于定义一系列的函数，这便是组件的动作，然后可以绑定事件处理的形式调用这些函数完成交互操作。
另外组件还可以有 computed属性 ，这种属性是每次其依赖的属性改变时便会重新计算，从而得到新的属性。
组件的 mounted选项 在组件挂载时自动执行，可以做一些初始化工作。