vue的特點以及常用的標籤

2021-10-08 03:33:48 字數 1993 閱讀 4556

1.vue是乙個漸進式框架,什麼是漸進式呢?

漸進式意味著你可以將vue作為你應用的一部分嵌入其中,帶來更豐富的互動體驗

或者如果你希望將更多的業務邏輯使用vue實現,那麼vue的核心以及其生態系統

比如core+vue+vuex,也可以滿足你各種各樣的需求

2.vue的特點和一些常見web高階功能

解耦檢視和資料

可復用的元件

前端路由技術

狀態管理

虛擬dom

v-for

data()

}//需要繫結key值以後再說

for=

"item in arr"

>

}<

/li>

<

/ul>

v-once

//該指令不需要跟任何表示式

//該指令表示元素和元件只渲染一次,不會隨著資料改變而改變

}<

/div?

data()

}3.v-html

//可以轉化html片段成常見的頁面

}<

/h1>

data()

}

4.v-text

//v-text和mustche語法比較相似:都是用於資料顯示介面

//v-text通常情況下接受乙個string型別

'message'

>

12121

<

/span>會覆蓋123312

}<

/span>

<

/div>

data()

}5.v-pre

//跳過這個元素和子元素的編譯過程,只顯示原本的mustche語法內容

6.v-cloak

//在某些情況下,可能會顯示出來為編譯的mustche標籤

[v-cloak]

<

/style>

}<

/div>

data()

}7.v-bind

//繫結某些動態屬性(src,href)

"hturl"

>

<

/a>

"imgurl"

>

<

/div>

data()

}//動態繫結class

class=""

>ewewew<

/h2>

class

="[類名,類名]"

>ewewew<

/h2>

//動態繫結style

:style = '

:style=

'[basestyle,overstyle]'8.computed

}<

/div>

computed:

}//computed中setter屬性和getter屬性

fullname:

set(newvalue)

}//計算屬性具有快取功能

//計算屬性多次呼叫只執行一次額9.const

//const a = 20

a =30

//不可複製

const a //宣告時必須賦值

//const指定物件不能改但是屬性可以i修改

v-on

//事件監聽

//如果事件不需要引數可以不用加()

'handleadd'

>

<

/h1>

//需要傳參而且需要獲得事件event

'handleclick(10,$event)'

>

<

/h1>

methods:

handleclick

(num,event)

}

Html的常用標籤以及用法

常用html標籤元素結合及簡介 建立乙個html文件 設定文件標題和其它在網頁中不顯示的資訊 設定文件的標題 最大的標題 預先格式化文字 下劃線黑體字 斜體字 打字機風格的字型 引用,通常是斜體 強調文字 通常是斜體加黑體 加重文字 通常是斜體加黑體 設定字型大小從1到7,顏色使用名字或rgb的十六...

初識VUE以及vue的常用指令

在html中需要有乙個盒子來定義內容的範圍 div newvue methods 用 包裹的變數名,可以將資料渲染到頁面中 div 1 v on reverser reverse button 只認識純文字 click為事件,也可以是其他的滑鼠鍵盤事件 test add button test為方法...

HTML特點以及HTML中有哪些標籤

html以下幾個特點 1 html是一種基本web網頁設計語言。2 而xhtml是一種基於xml的語言,看起來與html有一些相似。xhtml就是乙個扮演者類似html角色的xml。本質上說xhtml是一種過渡技術 綜合了xml的強大功能和html的簡單特性 xml雖然資料準換功能強大,完全可以替代...