新手模板 从头开始新建项目 新建 package.json 文件 安装 nuxt pages 目录 Nuxt.js 十分简单易用。一个简单的项目只需将 nuxt 添加为依赖组件即可。 新手模板 为了便于大家快速使用，Nuxt.js提供了一个 starter 模板 。 下载模板的压缩包 或利用 vue-cli 安装使用： $...

v-ga v-ga This directive allows us to centralize all track events in one object and share it across the entire application without needs to add extra logic to our component met...

watch (观察者) 基础使用方式 观察一个源对象 观察多个源 关闭 watch 懒调用 watch (观察者) 基础使用方式 观察响应式依赖（数据），当依赖发生变化时，将会触发函数执行。 <script> import { createComponent , watch , ref } from '@vue/...

开启生产环境模式 不使用构建工具 使用构建工具 webpack Browserify Rollup 开启生产环境模式 开发环境下，Vue 会提供很多警告来帮你对付常见的错误与陷阱。而在生产环境下，这些警告语句却没有用，反而会增加应用的体积。此外，有些警告检查还有一些小的运行时开销，这在生产环境模式下是可以避免的。 不使用构建工具 如果用 ...

翻译 我们可以开始翻译 Vue 3 文档了吗？ 我如何参与翻译？ 翻译 Vue 已经遍布全球，核心团队至少在 6 个不同的时区。论坛 (opens new window) 包括 7 种语言和计数，我们的许多文档积极维护翻译 (opens new window) 。我们为 Vue 的国际影响力感到骄傲，但我们可以做得更好。 我们可以开始翻译 ...

devtools devtools 类型 ：boolean 默认值 ：true (生产版为 false ) 用法 ： // 务必在加载 Vue 之后，立即同步设置以下内容 Vue . config . devtools = true 配置是否允许 vue-devtools 检查代码。开发版本默认为 true ...

开始 最简单的 Store 开始 在 Scrimba 上尝试这节课 每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state) 。Vuex 和单纯的全局对象有以下两点不同： Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 sto...

目录结构 解释说明 小结 目录结构 Lin 的前端部分，是在 vue-cli3 生成的模板项目的基础上开发而来的 。当然对于本项目而言，你几乎可以不用关注 vue-cli3 的内容，如果你需要对 webpack 的配置进行更改，那么如果你对 vue-cli 的使用不熟悉，建议先阅读官方文档 。Lin 的开发遵循严格的目录结构和代码规范、我们希望你...

LocaleProvider 国际化 使用 增加语言包 其他国际化需求 代码演示 国际化 所有组件 API LocaleProvider 国际化 为组件内建文案提供统一的国际化支持。 使用 LocaleProvider 使用 Vue 的 provide/inject 特性，只需在应用外围包裹一次即可全局生效。 <templat...

LocaleProvider 国际化 使用 增加语言包 其他国际化需求 代码演示 国际化 所有组件 API LocaleProvider 国际化 为组件内建文案提供统一的国际化支持。 使用 LocaleProvider 使用 Vue 的 provide/inject 特性，只需在应用外围包裹一次即可全局生效。 <templat...