vue vuex 掛載 第一章 vue的學習

2021-10-13 21:55:34 字數 1413 閱讀 9291

前言首先,非常感謝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 校...