1. 程式人生 > >Vue.js的簡介、屬性

Vue.js的簡介、屬性

  • 簡介

Vue.js是前端三大新框架:Angular.js、React.js、Vue.js之一。

Vue.js可以作為一個js庫來使用,也可以用它全套的工具來構建系統介面,這些可以根據專案的需要靈活選擇,所以說,Vue.js是一套構建使用者介面的漸進式框架。Vue的核心庫只關注檢視層,Vue的目標是通過儘可能簡單的API實現相應的資料繫結。它也可以將介面拆分成一個個的元件,通過元件來構建頁面,然後用自動化工具來生成單頁面(SPA-single page application)系統。

  • 語法

首先將Vue.js作為一個庫使用,需要在頁面上通過 script標籤引入Vue.js,開發中可以使用開發版本Vue.js,產品上線要換成Vue.min.js。

每個Vue應用都是通過例項化一個新的Vue物件開始的:

其中,el屬性對應一個標籤,當vue物件建立後,這個標籤內的區域就被vue對接,這個區域內就可以使用vue物件中定義的屬性和方法。

 

 

滑鼠懸停:

 

監聽屬性:

(資料轉換)

 

 

計算屬性:

(字串顛倒)