Vue入门(1)——简介与安装

本章节大部分内容均摘自官方文档,目前使用的Vue版本为v2.5.17建议参考官方文档,更为详细。写本篇文章,只是为完善【Vue入门】系列,此外,关于如何使用vue-cli3.0搭建一个新项目,以及如何将vue-cli2.0构建的项目升级到vue-cli3.0,可以参考Vue-cli 3.0搭建Vue项目

vue.js是什么

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

兼容性

Vue不支持IE8及以下版本,因为Vue使用IE8无法模拟的ECMAScript5特性。但它支持所有兼容ECMAScript5的浏览器
Vue目前最新版本v2.5.17,更新日志请看Github

安装方式:直接用

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

安装方式:命令行工具(CLI)

Vue 提供了一个官方的 CLI,为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验,以及生产环境可用的构建版本。更多详情可查阅 Vue CLI 的文档。

基本的使用,可以参考我的另一篇文章:Vue-cli 3.0搭建Vue项目

对不同构建版本的解释

在 NPM 包的 dist/ 目录你将会找到很多不同的 Vue.js 构建版本。这里列出了它们之间的差别:

UMD CommonJS ES Module
完整版 vue.js vue.common.js vue.esm.js
只包含运行时版 vue.runtime.js vue.runtime.common.js vue.runtime.esm.js
完整版 (生产环境) vue.min.js - -
只包含运行时版 (生产环境) vue.runtime.min.js - -

术语

  • 完整版:同时包含编译器运行时的版本
  • 编译器:用来将模板字符串编译成为Javascript渲染函数的代码
  • 运行时:用来创建Vue实例、渲染并处理虚拟DOM等的代码。基本上就是除去编译器的其它一切。
  • UMD: UMD版本可以通过

你可能感兴趣的:(Vue入门(1)——简介与安装)