Vue.js是什么

Vue.js是一個用于創建用戶界面的開源JavaScript框架，也是單頁應用的Web應用框架。旨在更好地組織與簡化Web開發。Vue的核心是MVC模式中的視圖層，同時也能方便地獲取數據更新，及特定方法實現視圖與模型的交互。

Vue.js 是一個用于創建用戶界面的開源 JavaScript 框架，也是一個創建單頁應用的 Web 應用框架。旨在更好地組織與簡化 Web 開發。Vue 所關注的核心是 MVC 模式中的視圖層，同時，它也能方便地獲取數據更新，并通過組件內部特定的方法實現視圖與模型的交互。

Vue.js 是一款流行的 JavaScript 前端框架，旨在更好地組織與簡化 Web 開發。Vue 所關注的核心是 MVC 模式中的視圖層，同時，它也能方便地獲取數據更新，并通過組件內部特定的方法實現視圖與模型的交互。

歷史

在為 AngularJS 工作之后，Vue 的作者尤雨溪開發出了這一框架。他聲稱自己的思路是提取 Angular 中為自己所喜歡的部分，構建出一款相當輕量的框架。Vue 最早發布于 2014 年 2 月。作者在 Hacker News、Echo JS 與 Reddit 的/r/javascript 版塊發布了最早的版本。一天之內，Vue 就登上了這三個網站的首頁。Vue 是 Github 上最受歡迎的開源項目之一。同時，在 JavaScript 框架/函數庫中，Vue 所獲得的星標數已超過 React，并高于 Backbone.js、Angular 2、jQuery 等項目。

特性

組件

組件是 Vue 最為強大的特性之一。為了更好地管理一個大型的應用程序，往往需要將應用切割為小而獨立、具有復用性的組件。在 Vue 中，組件是基礎 HTML 元素的拓展，可方便地自定義其數據與行為。

模板

Vue 使用基于 HTML 的模板語法，允許開發者將 DOM 元素與底層 Vue 實例中的數據相綁定。所有 Vue 的模板都是合法的 HTML，所以能被遵循規范的瀏覽器和 HTML 解析器解析。在底層的實現上，Vue 將模板編譯成虛擬 DOM 渲染函數。結合響應式系統，在應用狀態改變時，Vue 能夠智能地計算出重新渲染組件的最小代價并應用到 DOM 操作上。

響應式設計

響應式是指 MVC 模型中的視圖隨著模型變化而變化。在 Vue 中，開發者只需將視圖與對應的模型進行綁定，Vue 便能自動觀測模型的變動，并重繪視圖。這一特性使得 Vue 的狀態管理變得相當簡單直觀。

過渡效果

Vue 在插入、更新或者移除 DOM 時，提供多種不同方式的應用過渡效果。 包括以下工具：

• 在 CSS 過渡和動畫中自動應用 class
• 可以配合使用第三方 CSS 動畫庫，如 Animate.css
• 在過渡鉤子函數中使用 JavaScript 直接操作 DOM
• 可以配合使用第三方 JavaScript 動畫庫，如 Velocity.js

單文件組件

為了更好地適應復雜的項目，Vue 支持以.vue 為擴展名的文件來定義一個完整組件，用以替代使用 Vue.component 注冊組件的方式。開發者可以使用 Webpack 或 Browserify 等構建工具來打包單文件組件。