亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

vue框架入門和ES6介紹

ChanceWong / 3685人閱讀

摘要:框架入門和介紹模式,是一種輕量級(jí)的前端框架,主要為模板渲染,數(shù)據(jù)同步,組件化,模塊化,路由等。作者簡介達(dá)叔,理工男,簡書作者全棧工程師,感性理性兼?zhèn)涞膶懽髡撸瑐€(gè)人獨(dú)立開發(fā)者,我相信你也可以閱讀他的文章,會(huì)上癮,幫你成為更好的自己。

vue框架入門和ES6介紹

vue-mvvm模式,vue是一種輕量級(jí)的前端框架,主要為模板渲染,數(shù)據(jù)同步,組件化,模塊化,路由等。

https://cn.vuejs.org/    源碼:https://github.com/vuejs/vue

mvvm: mmodel數(shù)據(jù)模型,負(fù)責(zé)數(shù)據(jù)存儲(chǔ),vview視圖,負(fù)責(zé)頁面顯示,vmview model負(fù)責(zé)業(yè)務(wù)處理。

數(shù)據(jù)雙向綁定:
view <-> viewmodel <-> model

vue1下載:

http://v1-cn.vuejs.org/js/vue.js

vue2下載:

https://unpkg.com/vue@2.2.1/dist/vue.js



    
        
        
        
    
    
        
{{name}}


    
        
        
        
    
    
        
    
    




    
        
        
        
    
    
        

{{name}}


    
        
        
        
    
    
        
  • a
  • {{list.id}}{{list.name}}

小達(dá)

小達(dá)



    
        
        
        
    
    
        
        


    
        
        
        
    
    
        
        

vue-router路由:
vue2.0 下載地址:

https://unpkg.com/vue@2.2.1/dist/vue.js
https://unpkg.com/vue-router@3.0.2/dist/vue-router.js


    
        
        
        
        
    
    
        
登錄 注冊(cè)

路由傳值



    
        
        
        
        
    
    
        
登錄 注冊(cè)

ECMAScript6簡介
模塊化,塊級(jí)作用域,箭頭函數(shù)等。

什么是JavaScript,它是一種動(dòng)態(tài)類型,弱類型的腳本語言,用來給HTML網(wǎng)頁增加的動(dòng)態(tài)功能。

JavaScript由三部分組成:

  1. ECMAScript(核心)
  2. DOM(文檔對(duì)象模型)
  3. BOM (瀏覽器對(duì)象模型)

let是聲明變量的關(guān)鍵字



    
        
        
    
    
        
    

letfor



    
        
        
        
    
    
        
  • red
  • green
  • blue
  • yellow

const:聲明一個(gè)常量,一旦聲明后就不能修改。



    
        
        
    
    
        
    

數(shù)組解構(gòu)賦值:
數(shù)組的結(jié)構(gòu)賦值:



    
        
        
    
    
        
    

對(duì)象賦值:



    
        
        
    
    
        
    

字符串:



    
        
        
    
    
        

function 用var, let, const表示

箭頭函數(shù)



    
        
        
    
    
        
    

rest:



    
        
        
    
    
        
    

symbol:



    
        
        
    
    
        
    

set:

size 數(shù)據(jù)的長度
add() 添加數(shù)據(jù)
delete() 刪除數(shù)據(jù)
has() 查找某條數(shù)據(jù)
clear() 刪除所有數(shù)據(jù)


    
        
        
    
    
        
    

map數(shù)據(jù)結(jié)構(gòu):

size 數(shù)據(jù)的長度
set() 添加一條數(shù)據(jù)
delete() 刪除數(shù)據(jù)
get() 獲取數(shù)據(jù)
has() 查找某條數(shù)據(jù)
clear() 刪除所有數(shù)據(jù)


    
        
        
    
    
        
        
    

結(jié)言

好了,歡迎在留言區(qū)留言,與大家分享你的經(jīng)驗(yàn)和心得。

感謝你學(xué)習(xí)今天的內(nèi)容,如果你覺得這篇文章對(duì)你有幫助的話,也歡迎把它分享給更多的朋友,感謝。

作者簡介

達(dá)叔,理工男,簡書作者&全棧工程師,感性理性兼?zhèn)涞膶懽髡撸瑐€(gè)人獨(dú)立開發(fā)者,我相信你也可以!閱讀他的文章,會(huì)上癮!,幫你成為更好的自己。長按下方二維碼可關(guān)注,歡迎分享,置頂尤佳。

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

轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/1156.html

相關(guān)文章

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

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

    princekin 評(píng)論0 收藏0
  • 個(gè)人分享--web前端學(xué)習(xí)資源分享

    摘要:前言月份開始出沒社區(qū),現(xiàn)在差不多月了,按照工作的說法,就是差不多過了三個(gè)月的試用期,準(zhǔn)備轉(zhuǎn)正了一般來說,差不多到了轉(zhuǎn)正的時(shí)候,會(huì)進(jìn)行總結(jié)或者分享會(huì)議那么今天我就把看過的一些學(xué)習(xí)資源主要是博客,博文推薦分享給大家。 1.前言 6月份開始出沒社區(qū),現(xiàn)在差不多9月了,按照工作的說法,就是差不多過了三個(gè)月的試用期,準(zhǔn)備轉(zhuǎn)正了!一般來說,差不多到了轉(zhuǎn)正的時(shí)候,會(huì)進(jìn)行總結(jié)或者分享會(huì)議!那么今天我就...

    sherlock221 評(píng)論0 收藏0
  • 前端必須要珍藏的技術(shù)文章面試題

    摘要:前端工程師學(xué)習(xí)資料,快速查找面試題,經(jīng)典技術(shù)文章的總結(jié),編程技巧,幫助學(xué)習(xí)者快速定位問題花點(diǎn)時(shí)間整理出一下前端工程師日常工作所需要的學(xué)習(xí)資料查找,幫助學(xué)習(xí)者快速掌握前端工程師開發(fā)的基本知識(shí)編程始于足下記住再牛逼的夢(mèng)想也抵不住傻逼似的堅(jiān)持蝴蝶 前端工程師學(xué)習(xí)資料,快速查找面試題,經(jīng)典技術(shù)文章的總結(jié),編程技巧,幫助學(xué)習(xí)者快速定位問題花點(diǎn)時(shí)間整理出一下web前端工程師日常工作所需要的學(xué)習(xí)資料...

    MoAir 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<