介绍

• Vue (读音 /vjuː/，类似于 view)。
• Vue是一个渐进式的框架，什么是渐进式的呢？
  • 渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验。
  • 或者如果你希望将更多的业务逻辑使用Vue实现，那么Vue的核心库以及其生态系统。
  • 比如Core+Vue-router+Vuex，也可以满足你各种各样的需求。
• Vue有很多特点和Web开发中常见的高级功能
  • 解耦视图和数据
  • 可复用的组件
  • 前端路由技术
  • 状态管理
  • 虚拟DOM
• 学习Vuejs的前提？
  • 从零学习Vue开发，并不需要具备其他类似于Angular、React，甚至是jQuery的经验。
  • 但是需要具备一定的HTML、CSS、JavaScript基础。

安装

提示

官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识。如果你刚开始学习前端开发，将框架作为你的第一步可能不是最好的主意——掌握好基础知识再来吧！之前有其它框架的使用经验会有帮助，但这不是必需的

尝试 Vue.js 最简单的方法是使用 Hello World 例子 (opens new window)，你可以在浏览器新标签页中打开它，跟着例子学习一些基础用法。 下面是vue安装的4种方式，推荐第三种方式。

1. 直接CDN引入

<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- 生产环境版本，优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

2. 下载和引入

开发环境 https://vuejs.org/js/vue.js 
生产环境 https://vuejs.org/js/vue.min.js

3. NPM安装

• 第一步：安装node.js (opens new window) 打开node.js官网，选择适合自己的版本并下载。具体教程参照网上，也可以参照本平台。
• 第二步：通过npm进行安装vue

  //使用npm安装vue,其中g是global的缩写，是全局安装的意思
  npm install vue -g

4. vue-cli方式进行安装 请注意我们不推荐新手直接使用 vue-cli，尤其是在你还不熟悉基于 Node.js 的构建工具时。