国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

vue.js 基礎(chǔ)知識篇

wendux / 2962人閱讀

摘要：的核心庫只關(guān)注視圖層，并且非常容易學(xué)習(xí)，非常容易與其他庫或已有的項(xiàng)目整合。用戶視圖改變的時候，業(yè)務(wù)模型中的數(shù)據(jù)也可以發(fā)生改變。組件化指令系統(tǒng)開始支持虛擬是操作的真是，而不是虛擬虛擬可以提升頁面的刷新速度。一個基本的示例是由三部分組成視圖。

vue.js什么

Vue.js 被定義成一個用來開發(fā) Web 界面的前端庫，是個非常輕量級的工具。 Vue.js本身具有響應(yīng)式編程和組件化的特點(diǎn)。

Vue.js是一套構(gòu)建用戶界面（view）的MVVM框架。Vue.js的核心庫只關(guān)注視圖層，并且非常容易學(xué)習(xí)，非常容易與其他庫或已有的項(xiàng)目整合。

vue.js簡介：

Vue.js的安裝

全局安裝 vue-cli


$ npm install --global vue-cli


創(chuàng)建一個基于 webpack 模板的新項(xiàng)目


$ vue init webpack my-project


$ cd my-project


$ npm install


$ npm run dev

vue.js的特性：

1 . 數(shù)據(jù)雙向綁定


2 . 指令


3 . 模板


4 . 組件
MVVM模式 M: model 業(yè)務(wù)模型，用處：處理數(shù)據(jù)，提供數(shù)據(jù) V: view 用戶界面、用戶視圖 業(yè)務(wù)模型model中的數(shù)據(jù)發(fā)生改變的時候，用戶視圖view也隨之變化。用戶視圖view改變的時候，業(yè)務(wù)模型model中的數(shù)據(jù)也可以發(fā)生改變。 1組件化 2指令系統(tǒng) 3.js 2.0開始支持虛擬DOM（Vue.js 1.0 是操作的真是DOM，而不是虛擬DOM）虛擬DOM可以提升頁面的刷新速度。

一個基本的vue示例是由三部分組成 1：視圖。2：數(shù)據(jù)。3：viewmodel。

聲明式渲染例如：


    {{msg}}

單向綁定例如：


  {{massage}}

var app = new Vue({
el:"#app",
data:{
message:"Hello,vue.js!"
}

雙向綁定例如：


 
{{message}}



var app = new Vue({
el:"#app",
data:{
message:"Hello,vue.js!"
}

v-if條件例如：


    
我能看到

v-for循環(huán)渲染例如：

v-for 指令可以綁定數(shù)組的數(shù)據(jù)來渲染一個項(xiàng)目列表：

    
    
        
  1. 
            {{todo.text}}
        
    2.

處理用戶輸入例如：

v-on 指令綁定一個事件監(jiān)聽器，通過它調(diào)用我們 Vue 實(shí)例中定義的方法：

  
{{ message }}

  

new Vue({
   el: "#app",
   data:{
    message:"Hello Vue.js!" 
   },
   methods:{
    reverseMessage:function()
    {
      this .message = this.message.split("").revserse().join("");
    }
  }
})

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/85062.html

相關(guān)文章

  • 走進(jìn)Vue時代進(jìn)階篇(01)：重構(gòu)電商購物車模塊

    摘要：歡迎你們跟著閏土大叔走進(jìn)時代。其中購買數(shù)量可以增加或減少，每類商品還可以從購物車中移除。后記這大概就是一次用重構(gòu)電商項(xiàng)目中的購物車模塊的所有實(shí)現(xiàn)過程。作者閏土大叔鏈接來源掘金著作權(quán)歸作者所有。 前言 從這篇文章開始，我準(zhǔn)備給大家分享一些關(guān)于Vue.js這門框架的技巧性系列文章，正好我們公司項(xiàng)目中也用到了Vue。所以，教是最好的學(xué)。進(jìn)階篇比較適合于二三線城市，還在小廠打拼的童鞋們。歡迎你...

    kk_miles 評論0 收藏0

  • 前端文檔收集

    摘要：系列種優(yōu)化頁面加載速度的方法隨筆分類中個最重要的技術(shù)點(diǎn)常用整理網(wǎng)頁性能管理詳解離線緩存簡介系列編寫高性能有趣的原生數(shù)組函數(shù)數(shù)據(jù)訪問性能優(yōu)化方案實(shí)現(xiàn)的大排序算法一怪對象常用方法函數(shù)收集數(shù)組的操作面向?qū)ο蠛驮屠^承中關(guān)鍵詞的優(yōu)雅解釋淺談系列 H5系列 10種優(yōu)化頁面加載速度的方法 隨筆分類 - HTML5 HTML5中40個最重要的技術(shù)點(diǎn) 常用meta整理 網(wǎng)頁性能管理詳解 HTML5 ...

    jsbintask 評論0 收藏0

  • 前端文檔收集

    摘要：系列種優(yōu)化頁面加載速度的方法隨筆分類中個最重要的技術(shù)點(diǎn)常用整理網(wǎng)頁性能管理詳解離線緩存簡介系列編寫高性能有趣的原生數(shù)組函數(shù)數(shù)據(jù)訪問性能優(yōu)化方案實(shí)現(xiàn)的大排序算法一怪對象常用方法函數(shù)收集數(shù)組的操作面向?qū)ο蠛驮屠^承中關(guān)鍵詞的優(yōu)雅解釋淺談系列 H5系列 10種優(yōu)化頁面加載速度的方法 隨筆分類 - HTML5 HTML5中40個最重要的技術(shù)點(diǎn) 常用meta整理 網(wǎng)頁性能管理詳解 HTML5 ...

    muddyway 評論0 收藏0

  • 前端資源系列（4）-前端學(xué)習(xí)資源分享&前端面試資源匯總

    摘要：特意對前端學(xué)習(xí)資源做一個匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。 特意對前端學(xué)習(xí)資源做一個匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。 本以為自己收藏的站點(diǎn)多，可以很快搞定，沒想到一入?yún)R總深似海。還有很多不足&遺漏的地方，歡迎補(bǔ)充。有錯誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應(yīng)和斧正，會及時更新，平時業(yè)務(wù)工作時也會不定期更...

    princekin 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<