Webpack下的Vuejs项目文件结构 build 文件夹 config 文件夹 dist 文件夹 node_modules 文件夹 src 文件夹 Webpack下的Vuejs项目文件结构 根据前面章节，我们安装了 webpack, vue-cli, 并运行成功，看到了Vuejs的第一个页面。 那么首先，我们需要对Webpack 下...

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

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

Event batches Event batches It is possible to fire event using a queue that will be processed on a certain rate.The gap between each cycle and the amount of events fired on eac...

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

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

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

快速上手 脚手架 安装 NPM CDN 使用 全部引入 按需引入 示例 快速上手 新手教程项目：cube-application-guide 脚手架 如果你打算用在一个新项目中使用 cube-ui，可以通过我们提供的一套基于 vue-cli 实现的脚手架 去初始化 cube-ui 项目的配置和基础代码，这样你就可以忽略安装 ...

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

插件 编写插件 使用插件 插件 插件是自包含的代码，通常向 Vue 添加全局级功能。它可以是公开 install() 方法的 object ，也可以是 function 插件的功能范围没有严格的限制——一般有下面几种： 添加全局方法或者 property。如：vue-custom-element (opens new window) ...