欧美成人WWW在线观看,亚洲精品国产精品av,对白刺激的老熟女露脸,91精品国产闺蜜国产在线闺蜜,国产视频传媒一区二区

vue.js前端框架：Vue.js簡介

Vue.js（讀音 /vju?/，類似于 view）是一套用于構(gòu)建用戶界面的漸進式框架。與其他重量級框架不同的是，它只關(guān)注視圖層（View層），采用自底向上增量開發(fā)的設(shè)計。Vue.js的目標是通過盡可能簡單的API實現(xiàn)相應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。它不僅容易上手，還非常容易與其他庫或已有項目進行整合。另一方面，當(dāng)與現(xiàn)代化的工具鏈以及各種支持類庫結(jié)合使用時，Vue .js也完全能夠為復(fù)雜的單頁應(yīng)用提供驅(qū)動。

Vue.js實際上是一個用于開發(fā)Web前端界面的庫，其本身具有響應(yīng)式編程和組件化的特點。所謂響應(yīng)式編程，即保持狀態(tài)和視圖的同步。響應(yīng)式編程允許將相關(guān)模型的變化自動反映到視圖上，反之亦然。Vue.js采用的是MVVM（Model-View-ViewModel）的開發(fā)模式。與傳統(tǒng)的MVC開發(fā)模式不同，MVVM將MVC中的Controller改成了ViewModel。在這種模式下，View的變化會自動更新到ViewModel，而ViewModel的變化也會自動同步到View上進行顯示。
ViewModel模式的示意圖如下圖所示：
與ReactJS一樣，Vue.js同樣擁有”一切都是組件“的理念。應(yīng)用組件化的特點，可以將任意封裝好的代碼注冊成標簽，這樣就在很大程度上減少了重復(fù)開發(fā)，提高了開發(fā)效率和代碼復(fù)用性。如果配合Vue.js的周邊工具vue-loader，可以將一個組件的HTML、CSS、JavaScript代碼都寫在一個文件中，這樣可以實現(xiàn)模塊化的開發(fā)。

Vue.js的主要特性如下：
輕量級
相比較AngularJS和ReactJS而言，Vue.js是一個更輕量級的前端庫。不但容量非常小，而且沒有其它的依賴。
數(shù)據(jù)綁定
Vue.js最主要的特點就是雙向的數(shù)據(jù)綁定。在傳統(tǒng)的Web項目中，將數(shù)據(jù)在視圖層展示出來后，如果需要再次修改視圖，需要通過獲取DOM的方法進行修改，這樣才能維持數(shù)據(jù)和視圖的一致。而Vue.js是一個響應(yīng)式的數(shù)據(jù)綁定系統(tǒng)，在建立綁定后，DOM將和Vue對象中的數(shù)據(jù)保持同步，這樣就無須手動獲取DOM的值再同步到 js中。
應(yīng)用指令
同AngularJS一樣，Vue.js也提供了指令這一概念。指令用于在表達式的值發(fā)生變化時，將某些行為應(yīng)用到綁定的DOM上，通過對應(yīng)表達式值的變化就可以修改對應(yīng)的DOM。
插件化開發(fā)
與AngularJS類似，Vue,js也可以用來開發(fā)一個完整的單頁應(yīng)用。在Vue.js的核心庫中并不包含路由、Ajax等功能，但是可以非常方便地加載對應(yīng)插件來實現(xiàn)這樣的功能。例如，vue-router插件提供了路由管理的功能，vue-resource插件提供了數(shù)據(jù)請求的功能。

Vue.js官網(wǎng)：https://cn.vuejs.org/v2/guide/
在Vue.js的官方網(wǎng)站中可以直接下載vue.js文件并使用 script標簽引入。
1、下載Vue.js
Vue.js是一個開源的庫，可以從它的官方網(wǎng)站中下載。下面介紹具體的下載步驟：
（1）打開Vue.js的官方網(wǎng)站，進入到Vue.js的下載頁面，找到如下圖1.2所示的內(nèi)容。

（2）根據(jù)開發(fā)者的實際情況選擇不同的版本進行下載。這里以下載開發(fā)版本為例，在”開發(fā)版本“按鈕上單擊鼠標右鍵，如下圖1.3所示。

（3）在彈出的快捷菜單中單擊“連接另存為”選項，彈出下載對話框，如下圖1.4所示，單擊對話框中的“保存”按鈕，將Vue.js文件下載到本地計算機上。此時下載的文件為完整不壓縮的開發(fā)版本。如果在開發(fā)環(huán)境下，推薦使用該版本，因為該版本中包含所有常見錯誤相關(guān)的警告。如果在生產(chǎn)環(huán)境下，推薦使用壓縮后的生產(chǎn)版本，因為使用生產(chǎn)版本可以帶來比開發(fā)環(huán)境下更快的速度體驗。
引入Vue.js
將Vue.js下載到本地計算機后，還需要在項目中引用Vue.js。即將下載后的vue.js文件放置到項目的指定文件夾中。通常文件放置在JS文件夾中，然后在需要應(yīng)用vue.js文件的頁面中使用下面的語句，將其引入到文件中。

<script type="text/javascript" src="JS/vue.js"></script> 


    
        1

注意：引入Vue.js的 script 標簽,必須放在所有的自定義腳本文件的script 之前，否則在自定義的腳本代碼中應(yīng)用步到Vue.js。

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.21/vue.js"></script> 


    
        1

注意：為了防止出現(xiàn)外部CDN文件不可用的情況，還是建議用戶將Vue.js下載到本地計算機中。

npm install vue 


    
        1

注意：使用NPM方法安裝Vue.js需要在計算機中安裝node.js。
node;js官網(wǎng)：https://nodejs.org/en/，通過node.js官網(wǎng)下載之后，傻瓜式安裝即可。

利用Vue.js進行前端框架開發(fā)的常用工具有如下幾個：WebStorm、IDEA、Vscode
前端框架開發(fā)常用的工具下載：
（1）WebStorm官網(wǎng)：https://www.jetbrains.com/webstorm/
（2）IDEA官網(wǎng)：https://www.jetbrains.com/idea/
（3）Vscode官網(wǎng)：https://vscode.en.softonic.com/
轉(zhuǎn)自：csdn 作者：小白_xm