Vue.js 简介

问题导向清单

JavaScript 框架

JavaScript 使得网页变得更加动态化和功能强大,但也随之面临一个问题,那就是页面链接太多的 JS 文件,缺乏组织性。

服务器端上各式各样的 JS 文件链接到浏览器端上的 HTML 文件和 CSS 文件。

这样就产生了成千上万行 JavaScript 代码。

这也是选择使用 JavaScript 框架(frameworks),例如 Angular、React 和 Vue 等,所要解决的问题,将零散的 JS 文件组织起来。

Vue.js 是什么

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式 JavaScript 框架,也就是说,如果已经有一个现成的服务器端应用,可以将 Vue 作为该应用的一部分嵌入其中,从而带来更加丰富的交互体验,而不影响之前的应用功能。

[渐进式]:用多少拿多少,不用全盘接收 Vue.js 的整个生态系统,即使使用 Vue.js 的一小部分功能,该功能也能独立运转,正常工作。

如果希望将更多业务逻辑放到前端(浏览器端)来实现,那么 Vue 的核心库及其生态系统可以满足各种需求。

和其他前端框架一样,使用 Vue 可以将一个网页分割成可复用的组件。每个组件都包含属于自己的 HTML、CSS 和 JavaScript。

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

Vue.js 安装

直接用 <script> 引入

直接下载 vue.js 文件并用 <script> 标签引入,Vue 会被注册为一个 全局变量。

开发版本:包含完整的警告和调试模式

生产版本:删除了警告