三十三、深入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小时内删除侵权内容。