網(wǎng)站模板庫(kù)軟件系統(tǒng)優(yōu)化是什么意思
?玩性太大了玩得也不開(kāi)心,天天看電視刷視頻。
內(nèi)心實(shí)在空洞。= =最近天天看小紅書(shū)上的外國(guó)人,結(jié)實(shí)外國(guó)友人(狗頭)哈哈哈認(rèn)識(shí)了不少人,有埃及的有美國(guó)的,還有天天看菲利普吃糖葫蘆哈哈哈哈哈一個(gè)陽(yáng)光的德國(guó)大男孩,給人感覺(jué)特別熱愛(ài)生活。好喜歡。、也好想和他一樣陽(yáng)光開(kāi)朗。
每天都要打八段錦打卡到夢(mèng)空間。每天都要學(xué)習(xí)。要早睡早起才可以。
? 我看過(guò)
---------------------------------------------------------------------------------------------------------------------------------
08.數(shù)據(jù)綁定
數(shù)據(jù)有兩種綁定方式:單向綁定和雙向綁定
雙向綁定指的是,能夠通過(guò)對(duì)屏幕上的輸入改變后臺(tái)的值。
而單向綁定只能通過(guò)后臺(tái)改變屏幕的值
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="../JS/vue.js"></script>
</head>
<body><div id="root">單向數(shù)據(jù)綁定:<input type="text" v-bind:value="name"><br>雙向數(shù)據(jù)綁定:<input type="text" v-model:value="name"><!-- 這樣寫(xiě)是錯(cuò)誤的適合雙向綁定的標(biāo)簽有單選框多選框輸入框 能夠在頁(yè)面進(jìn)行標(biāo)簽--><h1 v-model:value:x="name">喜羊羊</h1></div>
</body>
<script type="text/javascript"> new Vue({el:'#root',data:{name:'尚硅谷'}})
</script>
</html>
09.el與data 的兩種寫(xiě)法
由于我們之后會(huì)步入組件化的學(xué)習(xí),所以先提前給我們交代寫(xiě)法。
第一種方式是我們之前學(xué)習(xí)的默認(rèn)模板
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>el和data的兩種寫(xiě)法</title><script src="../JS/vue.js"></script>
</head>
<body><div id="root"><h1>你好,{{name}}</h1></div><script>new Vue({el:'#root',data:{name:'尚硅谷'}})</script>
</body>
</html>
第二種寫(xiě)法:
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>el和data的兩種寫(xiě)法</title><script src="../JS/vue.js"></script> </head> <body><div id="root"><h1>你好,{{name}}</h1></div><script>const v= new Vue({// 第一種寫(xiě)法// el:'#root',// data:{// }// 第二種寫(xiě)法data(){return{name:'尚硅谷' }}})v.$mount('#root')</script> </body> </html>
10.理解MVVM
Vue雖然沒(méi)有完全遵循MVVM模型,但是Vue的設(shè)計(jì)也受到了它的啟發(fā)。
因此在文檔中會(huì)使用vm去對(duì)應(yīng)實(shí)例
M:model(模型)? ?對(duì)應(yīng)data中的數(shù)據(jù)
V:view(視圖) :模板??
VM:視圖模型(ViewModel):Vue實(shí)例對(duì)象
我感覺(jué)這里的話,面試可能會(huì)提問(wèn),因?yàn)楦杏X(jué)上是一個(gè)很經(jīng)典的問(wèn)題哈哈哈(狗頭)。
比如會(huì)問(wèn)你,MVVM是什么?
我們可以首先回答英文縮寫(xiě)分別是什么,之后再引入一個(gè)Vue實(shí)例進(jìn)行闡述。
vm里有的,都可以通過(guò)出現(xiàn)在視圖里。
data都可以出現(xiàn)在VM 里。
V通常就是HTML代碼,也就是老師說(shuō)到的模板代碼
M就是Vue下面的data數(shù)據(jù)
VM就是Vue實(shí)例