深入浅出学Vue(一) | Vue介绍与引入

Vue.js是什么？

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

Vue和传统模板引擎的区别

• Vue是一个纯前端化的工程项目，它只是利用类似ajax的原理，实现远程的调用服务器响应的json数据，然后再用它自生的模板语法操作document树进行数据渲染。

• 模板引擎响应式服务开发中的一种解析数据的一种方式，后台的数据通过ModelAndView传递model对象到前端页面，模板引擎对数据进行解析，使用独有的语法对数据进行渲染。

• Vue是前后端分离的，并且Vue的功能作为简化前端开发和实现前后端分离的一种工具，功能十分强大，包括但不仅限于数据的接收于渲染。而模板引擎只是一个提供简单的数据解析和渲染语法的工具。

两者按道理不应该相提并论，为了比较从响应开发到前后端分离开发的过渡，这里用自己的拙见发表一下看法。

下载Vue

script标签引入

开发版本下载连接

生产版本下载链接

引入

<script src="/js/vue.js"></script>

CDN引入

开发环境版本

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

生产环境版本

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

NPM

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

# 最新稳定版
$ npm install vue