@@ -30,28 +30,31 @@ Vue.js 不支持 IE8 及其以下版本,因为 Vue.js 使用了 IE8 不能实
30
30
31
31
### CDN
32
32
33
- 推荐: [ unpkg] ( https://unpkg.com/vue/dist/vue.js ) ,会保持和 npm 发布的最新的版本一致。 可以在 [ unpkg.com/vue/] ( https://unpkg.com/vue/ ) 浏览 npm 包资源。
33
+
34
+ 推荐:[ unpkg] ( https://unpkg.com/vue/dist/vue.js ) , 会保持和 npm 发布的最新的版本一致。可以在 [ unpkg.com/vue/] ( https://unpkg.com/vue/ ) 浏览 npm 包资源。
34
35
35
36
也可以从 [ jsdelivr] ( //cdn.jsdelivr.net/vue/{{vue_version}}/vue.js ) 或 [ cdnjs] ( //cdnjs.cloudflare.com/ajax/libs/vue/{{vue_version}}/vue.js ) 获取,不过这两个服务版本更新可能略滞后。
36
37
37
38
## NPM
38
39
39
- 在用 Vue.js 构建大型应用时推荐使用 NPM 安装,NPM 能很好地和诸如 [ Webpack] ( https://webpack.github.io/ ) 或 [ Browserify] ( http://browserify.org/ ) 模块打包器配合使用。Vue.js 也提供配套工具来开发[ 单文件组件] ( single-file-components.html ) 。
40
+
41
+ 在用 Vue.js 构建大型应用时推荐使用 NPM 安装, NPM 能很好地和诸如 [ Webpack] ( http://webpack.github.io/ ) 或 [ Browserify] ( http://browserify.org/ ) 模块打包器配合使用。 Vue.js 也提供配套工具来开发[ 单文件组件] ( single-file-components.html ) 。
42
+
40
43
41
44
``` bash
42
45
# 最新稳定版
43
46
$ npm install vue
44
47
```
45
48
46
- ### 独立构建 vs 运行时构建
49
+ ### 独立构建 vs 运行时构建
47
50
48
51
有两种构建方式,独立构建和运行构建。
49
52
50
53
- 独立构建包括编译和支持 ` template ` 选项。 ** 它也依赖于浏览器的接口的存在,所以你不能使用它来为服务器端渲染。**
51
54
52
- - 运行时构建不包括模板编译, 不支持 ` template ` 选项。运行时构建,可以用 ` render ` 选项,不过得再单文件组件中起作用, 因为单文件组件的模板 是在构建时预编译到 ` render ` 函数中, 运行时构建只有独立构建大小的30%,只有16Kb min+gzip大小。
55
+ - 运行时构建不包括模板编译,不支持 ` template ` 选项。运行时构建,可以用 ` render ` 选项,但它只在单文件组件中起作用,因为单文件组件的模板是在构建时预编译到 ` render ` 函数中,运行时构建只有独立构建大小的30%,只有 16Kb min+gzip大小。
53
56
54
- 默认 NPM 包导出的是 ** 运行时** 构建。 为了使用独立构建, 在 webpack 配置中添加下面的别名:
57
+ 默认 NPM 包导出的是 ** 运行时** 构建。为了使用独立构建,在 webpack 配置中添加下面的别名:
55
58
56
59
``` js
57
60
resolve: {
@@ -63,14 +66,14 @@ resolve: {
63
66
64
67
对于Browserify,可以用 [ aliasify] ( https://github.com/benbria/aliasify )
65
68
66
- <p class =" tip " >不要用 `import Vue from 'vue/dist/vue.js'` - 由于一些工具或第三方库引入 Vue ,这可能会导致应用程序运行时加载和独立构建导致错误 </p >
69
+ <p class =" tip " >不要用 `import Vue from 'vue/dist/vue.js'` - 用一些工具或第三方库引入 Vue ,这可能会导致应用程序在同一时间加载运行时和独立构建并造成错误。 </p >
67
70
68
71
### CSP 环境
69
72
70
- 有些环境,如 Google Chrome Apps,强制应用内容安全策略 (CSP) ,不能使用 new Function() 对表达式求值。这时可以用 CSP 兼容版本。独立的构建取决于该功能编译模板,所以无法使用这些环境。
73
+ 有些环境,如 Google Chrome Apps ,强制应用内容安全策略 (CSP) ,不能使用 new Function() 对表达式求值。这时可以用 CSP 兼容版本。独立的构建取决于该功能编译模板,所以无法使用这些环境。
71
74
72
75
73
- 另一方面,运行时构建的是完成兼容CSP的 。当通过 [ Webpack + vue-loader] ( https://github.com/vuejs-templates/webpack-simple ) 或者 [ Browserify + vueify] ( https://github.com/vuejs-templates/browserify-simple ) 构建时, 在 CSP 环境中模板将被完美预编译到 ` render ` 函数中。
76
+ 另一方面,运行时构建的是完成兼容 CS P的 。当通过 [ Webpack + vue-loader] ( https://github.com/vuejs-templates/webpack-simple ) 或者 [ Browserify + vueify] ( https://github.com/vuejs-templates/browserify-simple ) 构建时,在 CSP 环境中模板将被完美预编译到 ` render ` 函数中。
74
77
75
78
## 命令行工具
76
79
@@ -90,7 +93,7 @@ $ npm run dev
90
93
91
94
## 开发版本
92
95
93
- ** 重要: ** 在发布后构建的文件在Github仓库的 ` /dist ` 文件夹。 为了使用 Github 上 Vue 最新的资源,你得自己构建。
96
+ ** 重要** : 在发布后构建的文件在 Github 仓库的 ` /dist ` 文件夹。为了使用 Github 上 Vue 最新的资源,你得自己构建。
94
97
95
98
``` bash
96
99
git clone https://github.com/vuejs/vue.git node_modules/vue
@@ -108,7 +111,7 @@ $ bower install vue
108
111
109
112
## AMD 模块加载器
110
113
111
- 独立下载版本或通过 Bower 安装的版本已用 UMD包装 ,因此它们可以直接用作 AMD 模块。
114
+ 独立下载版本或通过 Bower 安装的版本已用 UMD 包装 ,因此它们可以直接用作 AMD 模块。
112
115
113
116
***
114
117
0 commit comments