vue3 怎么在template中定义变量？

Question

蓝色框里的rule.children[0]有多个地方使用到。如果直接写rule.children[0]的话会很长不好看。请问怎么在这里定义变量？

一下是以前使用的一种方式，但是checkbox就失效了

Answer 1

声明一个计算属性其值为 rule.children[0]

Answer 2

麻烦也得这样写啊，不然会有深浅拷贝问题。