咱先说说关于兼容性的问题
Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。
<script>
标签直接引入
直接用 <script>
引入
直接下载并用 <script>
标签引入,Vue 会被注册为一个全局变量。
这里小编推荐给新手朋友们两种快速简单的方式
本地文件引入
- 你可以在vue的官网中找到,或者直接点击下面的链接
在这里小编给大家提供了两个版本:
这个版本包含完整的警告和调试模式,适用于开发和学习中使用
这个版本适合用于上线的项目,因为这里做了一些压缩和优化,会为你提升性能
使用时在页面中复制所有代码,存入到本地的文件中,直接在<script>
标签中引入文件即可
内容分发网络(CDN)方式引入
- 使用CDN方式导入
-
对于制作原型或学习,你可以这样使用最新版本:
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
-
对于生产环境,我们推荐链接到一个明确的版本号和构建文件,以避免新版本造成的不可预期的破坏:
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
-
如果你使用原生 ES Modules,这里也有一个兼容 ES Module 的构建文件:
<script type="module"> import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.esm.browser.js' </script>
NPM方式
在用 Vue 构建大型应用时推荐使用 NPM 安装。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。
# 最新稳定版
$ npm install vue
最后送你一个小彩蛋-Vue Devtools
在使用 Vue 时,我们推荐在你的浏览器上安装 Vue Devtools。它允许你在一个更友好的界面中审查和调试 Vue 应用