Category: Vue

Vite @vitejs/plugin-vue的使用详解

@vitejs/plugin-vue 是 Vite 中用于支持 Vue 的插件，通过安装、配置和使用该插件，可以实现 Vue 单文件组件的编译和解析，简化 Vue 项目的开发流程。

Vue3 vite unplugin-vue-components 是一个 Vite 插件，用于自动将 Vue 组件导入为全局组件，支持 Vue3 的 Composition API，无需手动导入每个组件。

要手动去除Vue3项目中的ESLint警告，需修改`.eslintrc.js`文件中的`rules`字段，将特定规则从"warn"改为"off"，并重启项目。

在 Vue2 中使用 Vue.observable 或 Vue.observableRef 创建响应式数据，而在 Vue3 中，可以使用 ref 和 reactive 分别创建响应式引用和响应式对象，这些数据在模板中可以直接使用，无需通过 .value 访问。

在Vue3中使用JSX语法需要安装相关Babel插件和预设，配置`.babelrc`文件，并在Vue组件的`render`函数中使用`jsx`方法编写模板。