Vue學習01 Vue基礎

2021-10-24 09:11:56 字數 1845 閱讀 3175

lang

="en"

>

>

charset

="utf-8"

>

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

>

vue學習title

>

head

>

>

>

}div

>

src=

"">

script

>

>

newvue(}

)script

>

body

>

html

>

vue例項的作用範圍是什麼呢?

vue會管理el選項命中的元素及其內部的後代元素

是否可以使用其他的選擇器?

可以使用其他的選擇器,但是建議使用id選擇器

是否可以設定其他的dom元素呢?

可以使用其他的雙標籤,不能使用html和body

lang

="en"

>

>

charset

="utf-8"

>

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

>

vue學習title

>

head

>

>

}>

}>

}span

>

div>

src=

"">

script

>

>

newvue(}

)script

>

body

>

html

>

lang

="en"

>

>

charset

="utf-8"

>

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

>

vue學習title

>

head

>

>

>

}>

}}h2

>

>

>

}li>

>

}li>

>

}li>

>

}li>

ul>

div>

src=

"">

script

>

>

newvue(,

study:

["html"

,"css"

,"js"

,"vue"]}

})script

>

body

>

html

>

01 Vue 常用指令

指令 說明v cloak 作用 解決插值表示式閃爍的問題 注意 需要配合屬性選擇器 display none 使用 v text 作用 輸出文字 v html 作用 以瀏覽器能夠解析的方式輸出 v bind 格式 v bind 簡寫 屬性 作用 用於繫結屬性的指令,可以寫合法的js表示式 v on ...

Vue學習筆記之01 Vue的特點

0.準備工作 vue的基本使用 new vue box 輸出50 輸出xiaolam div 以前的js做法 程式設計正規化 命令式程式設計 建立乙個div元素,設定id屬性 定義乙個變數message 將這個變數插入div元素中 如果修改了message的資料 就要重新將修改後的資料重新插入div...

vue學習基礎01

charset utf 8 vue學習初級title head 任意的值都能插入 h2 div src js vue dist vue.min.js script 建立例項化物件 newvue template模板 template script body html el裡的內容如果是 則在對應的d...