前言首先,非常感謝chenth師兄給我分享的資源,讓我可以快速的學習vue。我是跟著b站王紅元老師
01 vue的簡單介紹
vue是乙個漸進式的框架,什麼是漸進式的呢?
漸進式意味著你可以將vue作為你應用的一部分嵌入其中,帶來更豐富的互動體驗。
或者如果你希望將更多的業務邏輯使用vue實現,那麼vue的核心庫以及其生態系統。
比如core+vue-router+vuex,也可以滿足你各種各樣的需求。
vue有很多特點和web開發中常見的高階功能
解耦檢視和資料 可復用的元件 前端路由技術 狀態管理 虛擬dom
學習vue需要具備的基礎和工具
html,css,js
webstorm/vscode/hubuiler(只要你能開啟寫js的**的都可)
02 vue.js安裝
方法一 :直接cdn引用
開發環境
生產環境
方式三:npm安裝(個人覺得開發專案可以)
# 最新穩定版$ npm install vue
03 第乙個vue
沒錯,就是hello vue.js,來,上**。
<
div
id=>
<
h2>}
h2>
<
h1>}
h1>
div>
<
script
src=
"../js/vue.js"
>
script
>
<
script
>
// let(變數)/const(常量)
// 程式設計正規化: 宣告式程式設計
const
new
vue( })
劃重點:這個東西和我們之前學習的思維是不一樣的,它掛載元素,並且可以實時更新。建立vue物件的時候,傳入了一些options:{}
{}中包含了data屬性:該屬性中通常會儲存一些資料
這些資料可以是我們直接定義出來的,比如像上面這樣。
也可能是來自網路,從伺服器載入的。
寫在最後:
這是我記錄學習的過程
每週一更,不定時
如果有什麼好的建議或意見
學無止境,一起加油!
end -
文字 | sunny
| vue官網
第一章 Vue介紹
mvvm是前端檢視層的分層開發思想,主要把每個頁面,分層了m v和vm。其中,vm是mvvm思想的核心,因為vm是m和v之間的排程者 vue的基本 1 doctype html 2 html lang en 34 head 5 meta charset utf 8 6 meta name viewp...
python第一章筆記 第一章 基礎
參與除法的兩個數中有乙個數為浮點數,結果也為浮點數 如 1.0 2,1 2.0,1.0 2.0 python print 1.0 2 結果 0.5 print 1 2.0 結果 0.5 print 1.0 2.0 結果 0.5 整數 整數,計算結果的小數部分被截除,只保留整數部分 不會四捨五入 如 ...
第一章 緒論
1.16 void print descending int x,int y,int z 按從大到小順序輸出三個數 print descending 1.17 status fib int k,int m,int f 求k階斐波那契序列的第m項的值f gender char schoolname 校...