老师,这个划线的啥意思?为什么输出是hello vue!

来源:2-1 生命周期(上)

慕仔7214391

2019-12-17 19:38:46

http://img.mukewang.com/climg/5df8be4309daa80708290355.jpg

写回答

1回答

好帮手慕夭夭

2019-12-18

同学你好,问题解答如下:

1.这一句代码意思是一个div标签,div标签里面的文本是“hello vue!”,标签中使用v-bind动态绑定了一个id。

http://img.mukewang.com/climg/5df9849e09a56df004930083.jpg

动态绑定就是这个id值是一个变量,那么就需要使用v-bind绑定。例如本代码中 ,data中定义了一个变量id 。这个变量与前面的字符串“list”进行字符串拼接。所以div的id值实际上是list-10。

http://img.mukewang.com/climg/5df98752096f296206750284.jpg

2. 显示“hello vue!”是因为这就是div里面的文本,如下:

http://img.mukewang.com/climg/5df987d709cb142704550048.jpg

这个和在普通的html中写一个div标签一样:

http://img.mukewang.com/climg/5df98836099c63fc03570062.jpg

结果:

http://img.mukewang.com/climg/5df9884a095721ec01290042.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 10739 问题

查看课程