vue2.x教程学习

安装

兼容性

Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。

语义化版本控制

Vue 在其所有项目中公布的功能和行为都遵循语义化版本控制。对于未公布的或内部暴露的行为，其变更会描述在发布说明中。

更新日志

最新稳定版本：2.6.12
每个版本的更新日志见 GitHub。

Vue Devtools

  • 在使用 Vue 时，我们推荐在你的浏览器上安装 Vue Devtools。它允许你在一个更友好的界面中审查和调试 Vue 应用。
  • 在Chrome浏览器中可以直接到Chrome网上商店搜索下载
  • 在edge浏览器中可以打开 Chrome 扩展商店，在搜索栏搜索 vue.js devtools
    选择提供方为：https://vuejs.org 的扩展，添加成功后，进入扩展设置页面，找到 Vue.js devtools 扩展，点击详细信息，勾选允许访问文件 URL和收集错误选项.
    vue.js devtools

    直接用script标签引用

    直接下载并用 script 标签引入，Vue会被注册为全局变量。
  • 在开发环境下不要使用压缩版本，不然会失去所有常见错误的相关警告。
  • 开发版本包含完整的警告和调试模式
  • 压缩版本/生产版本删除了警告，33.30KB min+gzip

    CDN

    对于制作原型或学习，你可以这样使用最新版本：
    1
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
    对于生产环境，我们推荐链接到一个明确的版本号和构建文件，以避免新版本造成的不可预期的破坏：
    1
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12">script>
    如果你使用原生 ES Modules，这里也有一个兼容 ES Module 的构建文件：
    1
    <script type="module"> import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.esm.browser.js' script>

你可以在 cdn.jsdelivr.net/npm/vue 浏览 NPM 包的源代码。

Vue 也可以在 unpkg 和 cdnjs 上获取 (cdnjs 的版本更新可能略滞后)。

请确认了解不同构建版本并在你发布的站点中使用生产环境版本，把 vue.js 换成 vue.min.js。这是一个更小的构建，可以带来比开发环境下更快的速度体验。

NPM

在用 Vue 构建大型应用时推荐使用 NPM 安装[1]。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。

1
2
# 最新稳定版
$ npm install vue

命令行工具 (CLI)

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：

通过 @vue/cli 实现的交互式的项目脚手架。
通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。
一个运行时依赖 (@vue/cli-service)，该依赖：
可升级；
基于 webpack 构建，并带有合理的默认配置；
可以通过项目内的配置文件进行配置；
可以通过插件进行扩展。
一个丰富的官方插件集合，集成了前端生态中最好的工具。
一套完全图形化的创建和管理 Vue.js 项目的用户界面。
Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。与此同时，它也为每个工具提供了调整配置的灵活性，无需 eject。