这里什么意思 各个activated是指啥 哪个部分是固定的用法 哪个部分是自定义的名字

来源:3-11 Vue中的样式绑定

小丸子不吃丸子

2021-01-13 09:56:41

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

写回答

1回答

好帮手慕夭夭

2021-01-13

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

1、通过this.activated获取的activated,是我们在data中自己定义的数据:

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

2、而后面的“activated”,是我们要给数据activated所设置的值,也是自己定义的。

3、整句代码是一个赋值语法,后面的值是一个三元表达式,表达式所返回的值,就要要给前面的this.activated所赋的值。

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

具体分析如下:

(1)this.activated==="activated"?"":"activated" 前面的this.activated==="activated"是一个条件,当条件成立的时候,会执行冒号左侧的内容,即返回一个空字符串。反之,执行冒号右侧内容,即返回"activated"。

(2)代码中,activated默认是空字符串,所以this.activated==="activated"这个条件不成立。表达式返回的结果就是"activated"

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

可以理解为如下:

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

(3)下次判断的时候,this.activated==="activated"条件成立,则表达式返回空字符串。可以理解为如下:

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

祝学习愉快~



1

0 学习 · 10739 问题

查看课程