Vue學習筆記 第1節 從乙個優雅的購物車開始

2021-09-17 02:30:42 字數 1697 閱讀 7214

vue (讀音 /vjuː/,類似於 view) 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是,vue 被設計為可以自底向上逐層應用。vue 的核心庫只關注檢視層,不僅易於上手,還便於與第三方庫或既有專案整合。另一方面,當與現代化的工具鏈以及各種支援類庫結合使用時,vue 也完全能夠為複雜的單頁應用提供驅動。

與jquery相比:

jquery操作dom;vue資料驅動,程式和資料打交道,不直接操作dom

幾個核心概念:

資料驅動、虛擬dom、元件、指令

更新中……

從乙個優雅的購物車例項開始

ide:hbuilder 9.1.29.201811231920

工程原始碼:

效果圖(包含1個html檔案和1個js檔案)

清單總數}新增

清單名稱

狀態刪除

} }

刪除

index.js

//onload,所有頁面資源載入完成再執行下面的**

window.onload=function(),

lists:[

, ,

, ],

}, methods:);

this.text='';}},

//es6函式定義寫法。設定了工程屬性後,hbuilder仍不識別,chrome識別正常

del(index),

/*del:function(index)*/

},//過濾器

filters:

} }})}

要點回顧:ps:關於hbuilder中es6特性不識別的問題如圖,js檔案中使用es6的寫法定義了del()函式,內建瀏覽器不識別

控制台報錯如下:

附27行:

無效的解決方案:專案==》屬性==》語法&框架==》選擇es6,但無效

後記:以上為個人學習筆記,希望能對各位讀者有所幫助。若您發現文中不恰當、錯誤之處,敬請提出。

第1節 乙個蘿蔔乙個坑 計數排序

期末成績出來了,大白考了第4名,得了6 分,總分10分,回家媽媽打他了一頓 你看鄰居家的孩子考得多好呀!家長會上,老師要求大家成績從低到高排序,前三名獎勵小紅花,大家如何排隊呢?乙個蘿蔔乙個坑,首先要準備很多個坑,之後把對應的蘿蔔放進去,之後數一下那個坑里有蘿蔔就ok了!我們可以使用乙個一維陣列解決...

第1節 乙個蘿蔔乙個坑 計數排序

上學時考試成績從高到低排序,前幾名會獲得小花花 剁手時,銷量從高到低排序,買銷量高的,群眾的眼睛是雪亮的,大家的選擇總沒錯,或者 從低到高排序,便宜才是硬到底!windows系統和os系統檔案按照檔名稱 時間排序同樣離不開!期末成績出來了,大白考了第4名,得了6 分,總分10分,回家媽媽打他了一頓 ...

從乙個例項學習 FLASK WTF

本案例通過實現乙個註冊頁面的編寫,來帶你了解flask wtf的運用.主要功能為表單基礎的功能 手機號碼必須為11位數,且通過資料庫查詢不能有已經註冊的了,密碼要求輸入兩遍且必須一樣,且所有內容不能為空的提示等內容.那麼現在就開始把 一.建立表單類.首先運用flask wtf你必須確保你的環境中已經...