简单的断言 简单的断言 你不必为了可测性在组件中做任何特殊的操作，导出原始设置就可以了： <template> <span> {{ message }} </span> </template> <script> export default { data () { retur...

Lazyload 懒加载 引入 代码演示 基础用法 背景图懒加载 组件懒加载 API Options Lazyload 懒加载 引入 Lazyload 是 Vue 指令，使用前需要对指令进行注册。 import Vue from 'vue' ; import { Lazyload } from ...

Hot Reloading Dynamic module hot reloading Hot Reloading Vuex supports hot-reloading mutations, modules, actions and getters during development, using webpack’s Hot Module Rep...

系统命名规则 命名类型 Why? 文件夹命名规范 文件命名规范 *.js文件命名规范 *.vue文件命名规范 *.less文件命名规范 css变量命名规范 js变量命名规范 路由命名规范 系统命名规则 命名类型 总共有三种命名方式： PascalCase: 大写驼峰式，比如：MyClass camelCase: 小写驼峰...

Vue Router 和 组合式 API 在 setup 中访问路由和当前路由 导航守卫 useLink Vue Router 和 组合式 API 引入 setup 和 Vue 的组合式 API ，开辟了新的可能性，但要想充分发挥 Vue Router 的潜力，我们需要使用一些新的函数来代替访问 this 和组件内导航守卫。 在 ...

快速开始 用法 完整引入 Volar 支持 按需导入 自动导入 推荐 Vite Webpack 手动导入 快捷搭建项目模板 全局配置 使用 Nuxt.js 开始使用 快速开始 本节将介绍如何在项目中使用 Element Plus。 用法 完整引入 如果你对打包后的文件大小不是很在乎，那么使用完整导入会更方便。 // ma...

ESLint 配置项 取消 ESLint 校验 vscode 配置 ESLint webpack 自动修复 ESLint 不管是多人合作还是个人项目，代码规范是很重要的。这样做不仅可以很大程度地避免基本语法错误，也保证了代码的可读性。 配置项 所有的配置文件都在 .eslintrc.js 中。本项目基本规范是依托于 vue 官方的 ...

插件 官方插件 @vitejs/plugin-vue @vitejs/plugin-vue-jsx @vitejs/plugin-react-refresh @vitejs/plugin-legacy 社区插件 Rollup 插件 插件 :::tip 注意 Vite 旨在为常见的 web 开发工作提供开箱即用的支持。在搜索一个 Vite ...

异步加载组件 使用方法 组件打包问题 异步加载组件 将所有页面组件一次性加载是一个很浪费资源和考验用户耐心的做法，尤其在移动端。 使用方法 webpack 提供了code splitting ，你可以按照下面写法实现当切换到特定路由时才加载代码。 需要注意的是 vue-loader@13.0.0 语法有所变更，具体参照发布说明 v13...

集成API 参考源码 读后有收获可以支付宝请作者喝咖啡，读后有疑问请加微信群讨论： 集成API 在上一节中，我们用Vue实现了一个简单的TODO应用。通过对Model的更新，DOM结构可以同步更新。 现在，如果要把这个简单的TODO应用变成一个用户能使用的Web应用，我们需要解决几个问题： 用户的TODO数据应该从后台读取； 对TODO的增...