Vue中在template标签中进行判断时注意比较元素

Posted 2021-03-09 bien94

　　（一）比较的元素，一个是data元素，另外一个是常量，如下图所示：

　　编译正常，运行正常，效果在期望中，会显示Hello World，结果如下：

　　（二）比较的元素，一个是data元素，另外一个是const常量，如下图所示：

　　编译正常，运行正常，效果在意料之外，不会显示Hello World。

　　（三）比较的元素，两个都是data元素，如下图所示：

　　编译正常，运行正常，效果在期望中，会显示Hello World，结果如下：

　　将const常量赋值给data的一个元素，然后将它作为判断条件的一个元素，不能直接将const常量放在template中作为判断元素。