三十三、深入Vue.js語法（上篇）

@Author：Runsen

@Date：2020/6/11

文章目錄

開始

設置掛載點

data數據對象

插值表達式 {{}}

v-text

v-html

開始

今天Runsen開始掙擼Vue.js，只要把官方文檔搞定就基本沒事了。

我的筆記可能涉及到一點B站的黑馬程序員和極客時間的教程，不說了開始干

設置掛載點

下面新建一個html，引入我們的 Vue.js。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

插值表達式 {{}}

數據綁定最常見的形式就是使用 “Mustache” 語法（雙大括號）的文本插值。例如：

Message: {{ msg }}

1

Mustache 標簽將會被替代為對應數據對象上 msg 屬性（msg定義在data對象中）的值。

無論何時，綁定的數據對象上 msg 屬性發生了改變，插值處的內容都會自動更新。

v-text

v-text指令的作用是:設置標簽的內容 text Content

默認寫法會替換全部內容

使用差值表達式可以替換指定內容，內部支持寫表達式

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

注意：生產環境中動態渲染HTML是非常危險的，容易導致XSS攻擊。所以在使用v-html時，不要在用戶提交或可操作的網頁上使用。

如果本文對你有幫助，大家可以轉發一波，有錯誤大家可以評論指出，感謝！

大家繼續加油，未來可期！Runsen的征途是星辰大海！

JavaScript Vue

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。