Vue

在Vue 3中生成PWA需要使用Vite作为构建工具，并配置Vue的插件。以下是PWA的步骤和示例代码： 一、创建Vue 3项目： 二、 在项目创建过程中，选择需要的配置，并且确保选中了PWA选项。

3 最佳实践 3.1 模板代码 vs 渲染函数 Vue提供了两类生成HTML代码的方式，绝大多数情况下我们建议使用模板代码template；在需要时可使用渲染函数，根据场景的需要选择h或JSX，但不建

vue介绍 vue 中文网 Vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。 渐进式的概念 渐进式：逐渐增强，可以在项目中使用vue的一部分

vue指令 解释：指令 (Directives) 是带有 v- 前缀的特殊属性，可以在html标签中使用，可以看成特殊的html属性 作用：指令提供了一些特殊的功能，当指向绑定到标签上时，可以给标签增

v-for 列表渲染 作用：基于源数据多次渲染元素或模板块 key属性 推荐：使用 v-for 的时候提供 key 属性，能够提升列表渲染的性能 说明：使用 key，VUE会基于 key 的变化重新排

生命周期与钩子函数 生命周期介绍 vue生命周期钩子函数 简单说：一个实例从开始到最后消亡所经历的各种状态，就是一个实例的生命周期 实例生命周期函数的定义：从组件被创建，到组件挂载到页面上运行，再到页

计算属性 基本使用 计算属性是基于它们的依赖项进行缓存的 如果页面中需要使用多次计算属性的值，只会计算一次，计算属性只有在它的相关依赖发生改变时才会重新求值。 计算属性不能与data中的属性同名，因为

组件化开发 组件的概念 组件的优点： 容易维护 复用 全局组件 定义 使用 注意点：组件的模板有且仅有一个根元素 如果有很多的内容，template可以使用字符串模版 局部组件 组件是特殊的vue实例

组件通讯 组件通讯分为三类 父组件传递值给子组件 子组件传递值给父组件 非父子组件之间的传值 组件通讯-父传子 定义两个组件 组件的通讯 思考，怎么获取父组件的money 注意：props负责获取父组

自定义指令 自定义指令 定义一个全局的指令 使用自定义指令 全局指令与局部指令 定义全局指令 定义局部指令 指令的钩子函数 bind: 只会调用一次，当指令绑定到当前元素上时调用 inserted:

单页应用程序与路由 SPA - 单页应用程序 SPA： Single Page Application 单页面应用程序 MPA : Multiple Page Application多页面应用程序 S

中文文档 vuex基本概念 vuex是vue的状态管理工具，状态即数据。 状态管理就是管理vue中的数据 注意： 不是所有的场景都适用于vuex，只有在必要的时候才使用vuex,如果不必要，尽量别用