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雖然資料準換功能強大,完全可以替代...