Vue快速入门【推荐资源】

1. Vue介绍

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。

• 声明【本指南为Vue2.x版本，Vue3.x有部分不同】

兼容性

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

2.安装

方式1.CDN 引入

对于制作原型或学习，你可以这样使用最新版本：

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

对于生产环境，我们推荐链接到一个明确的版本号和构建文件，以避免新版本造成的不可预期的破坏：

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>

如果你使用原生 ES Modules，这里也有一个兼容 ES Module 的构建文件：

<script type="module">
import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.esm.browser.js'
</script>

方式 2.NPM安装

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

# 最新稳定版
$ npm install vue

​​文档+教程视频讲解​​