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

时间:2024-04-30 02:11:38

  (一)比较的元素,一个是data元素,另外一个是常量,如下图所示:

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

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

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

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

  (二)比较的元素,一个是data元素,另外一个是const常量,如下图所示:

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

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

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

  (三)比较的元素,两个都是data元素,如下图所示:

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

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

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

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

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

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