国产成人免费视频在线网站,无码熟妇人妻av在线影片免费 ,6080yyy午夜理论片在线观看,丰满的大乳老师三级在线观看

1——前言

前端開(kāi)發(fā)是創(chuàng)建Web頁(yè)面或app等前端界面呈現(xiàn)給用戶的過(guò)程，通過(guò)HTML，CSS及JavaScript以及衍生出來(lái)的各種技術(shù)、框架、解決方案，來(lái)實(shí)現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶界面交互。在互聯(lián)網(wǎng)的演化進(jìn)程中，網(wǎng)頁(yè)制作是Web1.0時(shí)代的產(chǎn)物，早期網(wǎng)站主要內(nèi)容都是靜態(tài)，以圖片和文字為主，用戶使用網(wǎng)站的行為也以瀏覽為主。

隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展和HTML5、CSS3的應(yīng)用，現(xiàn)代網(wǎng)頁(yè)更加美觀，交互效果顯著，功能更加強(qiáng)大。現(xiàn)在的前端已經(jīng)發(fā)展成為一個(gè)龐大的體系，各種框架層出不窮，猶如諸子百家一般，pc端，移動(dòng)端，各種各樣的跨平臺(tái)端，微信公眾號(hào)，支付寶公眾號(hào)絡(luò)繹不絕的出現(xiàn)，然而在其中特別流行的前端框架就是vue+element-ui的開(kāi)發(fā)模式；那么現(xiàn)在就讓我們來(lái)認(rèn)識(shí)一下vue+element吧。

2——新建vue項(xiàng)目

1.首先我們需要在node官網(wǎng)下載安裝node.js，并且會(huì)自動(dòng)安裝npm包管理工具。

2.之后，我們需要安裝vue-cli腳手架構(gòu)建工具，安裝命令 npm install -g vue-cli，等待安裝完成。

3.在命令行中運(yùn)行命令 vue init webpack my-project，my-project是你要新建的項(xiàng)目名，回車(chē)。

4.之后這個(gè)項(xiàng)目下安裝依賴包，運(yùn)行命令 npm install ,注意，一定是要在項(xiàng)目文件夾下運(yùn)行。

5.安裝好依賴之后，開(kāi)始運(yùn)行項(xiàng)目，輸入命令npm run dev。

3——引入 element-ui

在項(xiàng)目文件根目錄下運(yùn)行 npm i element-ui -S

在 main.js 中寫(xiě)入以下內(nèi)容：

接下來(lái)了解下vue的基礎(chǔ)知識(shí)吧：

vue是模板驅(qū)動(dòng)的語(yǔ)法格式，內(nèi)部使用js封裝，下面是模板語(yǔ)法的基礎(chǔ)用法，message會(huì)以文本的形式渲染在dom節(jié)點(diǎn)上。

vue還有各種各樣的指令，寫(xiě)在標(biāo)簽上來(lái)達(dá)到不同的效果：

1. v-text指令

作用：獲取data數(shù)據(jù)，設(shè)置標(biāo)簽的內(nèi)容。

2. v-html指令

作用：設(shè)置元素的innerHTML（可以向元素中寫(xiě)入新的標(biāo)簽）

3. v-on指令

作用：為袁術(shù)綁定事件，比如：v-on:click，可以簡(jiǎn)寫(xiě)為@click="方法名"

4.v-show指令

作用：v-show指令，根據(jù)真假值，切換元素的顯示狀態(tài)

5. v-if 指令

作用：根據(jù)表達(dá)式的真假，切換元素的顯示和隱藏（操縱dom元素）

６. v-bind指令

作用：為元素綁定屬性，完整寫(xiě)法v-bind:屬性名，可以簡(jiǎn)寫(xiě):屬性名

7. v-for指令

作用：根據(jù)數(shù)據(jù)生成列表結(jié)構(gòu)

8. v-model指令

v-model指令用來(lái)在表單<input><textarea>和<select>元素上創(chuàng)建雙向數(shù)據(jù)綁定，它會(huì)根據(jù)控件類(lèi)型自動(dòng)選取正確的方法來(lái)更新元素。盡管有些神奇，但v-model的本質(zhì)不過(guò)是語(yǔ)法糖。

具體用法還需要根據(jù)具體的項(xiàng)目和需求來(lái)探索，好了這就是vue和element的基礎(chǔ)安裝方法，互相配合可以完成各種各樣高復(fù)雜度的業(yè)務(wù)邏輯頁(yè)面。在日益強(qiáng)大和復(fù)雜的前端工作中，框架越來(lái)越占據(jù)著不可缺少的一部分，vue就是作為這樣一個(gè)主流級(jí)別的框架誕生的，輕量辯解，未來(lái)vue3.0還會(huì)更加多的在各大項(xiàng)目中被使用，模板化組件化的前端也會(huì)更加受歡迎。