目 录
写在前面
基础
安装
介绍
Vue实例
模板语法
计算属性和侦听器
Class 与 Style 绑定
条件渲染
列表渲染
事件处理
表单输入绑定
组件基础
深入了解组件
组件注册
Prop
自定义事件
插槽
动态组件 & 异步组件
处理边界情况
过渡 & 动画
进入/离开 & 列表过渡
状态过渡
可复用性 & 组合
混入
自定义指令
渲染函数 & JSX
插件
过滤器
生产环境部署
单文件组件
单元测试
TypeScript 支持
工具
规模化
路由
状态管理
服务端渲染
内在
本文档使用 看云 构建
- 2 -
深入响应式原理
从 Vue 1.x 迁移
从 Vue Router 0.7.x 迁移
从 Vuex 0.6.x 迁移到 1.0
迁移
更多
对比其他框架
加入 Vue.js 社区
开发团队
本文档使用 看云 构建
- 3 -
写在前面
写在前面
这是什么?
这是cn.vuejs.org 官网文档的同步版本
鉴于官网那个难以忍受的访问速度及不是所有人都随时随地有环境,所以搬运一个看云的版本,可以适用于
kindle等阅读设备的童鞋
更新日志
本文档最后更新时间:2018-10-30
对应vuejs最新稳定版本:2.5.16 (Vuejs每个版本的更新日志见 GitHub)。
搬运工
Alex [xux851@gmail.com]
https://www.ysido.com
感谢
官方翻译团队 https://github.com/vuejs/cn.vuejs.org/
本文档使用 看云 构建
- 4 -
基础
基础
安装
介绍
Vue实例
模板语法
计算属性和侦听器
Class 与 Style 绑定
条件渲染
列表渲染
事件处理
表单输入绑定
组件基础
本文档使用 看云 构建
- 5 -
安装
安装
兼容性
Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容
ECMAScript 5 的浏览器。
更新日志
最新稳定版本:2.5.16
每个版本的更新日志见 GitHub。
Vue Devtools
在使用 Vue 时,我们推荐在你的浏览器上安装 Vue Devtools。它允许你在一个更友好的界面中审查和调试 Vue
应用。
直接用
你可以在 cdn.jsdelivr.net/npm/vue 浏览 NPM 包的源代码。
Vue 也可以在 unpkg 和 cdnjs 上获取 (cdnjs 的版本更新可能略滞后)。
请确认了解不同构建版本并在你发布的站点中使用生产环境版本,把 vue.js 换成 vue.min.js 。这是
一个更小的构建,可以带来比开发环境下更快的速度体验。
NPM
在用 Vue 构建大型应用时推荐使用 NPM 安装[1]。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配
合使用。同时 Vue 也提供配套工具来开发单文件组件。
# 最新稳定版
$ npm install vue
本文档使用 看云 构建
- 6 -
安装
命令行工具 (CLI)
Vue 提供了一个官方的 CLI,为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了
batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验,以及生
产环境可用的构建版本。更多详情可查阅 Vue CLI 的文档。
CLI 工具假定用户对 Node.js 和相关构建工具有一定程度的了解。如果你是新手,我们强烈建议先在不用构建工
具的情况下通读指南,在熟悉 Vue 本身之后再使用 CLI。
对不同构建版本的解释
在 NPM 包的 dist/ 目录你将会找到很多不同的 Vue.js 构建版本。这里列出了它们之间的差别:
完整版
UMD
vue.js
只包含运行时版
vue.runtime.js
完整版 (生产环境)
只包含运行时版
(生产环境)
vue.min.js
vue.runtime.min
.js
CommonJS
vue.common.js
vue.runtime.com
mon.js
-
ES Module
vue.esm.js
vue.runtime.esm
.js
-
-
-
术语
完整版:同时包含编译器和运行时的版本。
编译器:用来将模板字符串编译成为 JavaScript 渲染函数的代码。
运行时:用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切。
UMD:UMD 版本可以通过
© 2025 本站由 资料铺 提供技术支持 网站地图