Vue3+Vite实现工程化，attribute属性渲染v-bind指令

 想要渲染一个元素的attribute，应该使用v-bind指令

• 由于插值表达式不能直接放在标签的属性中，所有要渲染元素的属性就应该使用v-bind
• v-bind可以用于渲染任何元素的属性，语法为 v-bind:属性名='数据名'，可以简写为   :属性名='数据名'

在Vue3中，v-bind指令用于绑定属性或以动态的方式设置HTML属性。它的一般语法如下：

也可以简写为：

其中，属性名可以是任何HTML标签支持的属性，属性值可以是一个Vue表达式，例如：

上面代码中，我们动态地设置了class属性，属性值是一个对象，根据isActive和hasError的值来设置active和text-danger类的存在与否。当且仅当isActive为true、hasError为false时，该元素会有active类，text-danger类则会被移除。

除了对象语法，我们还可以使用数组语法，来动态地绑定多个类名：

上面代码中，我们使用了数组语法，将activeClass和errorClass两个变量的值作为class属性值，这样就可以根据变量值的不同，动态地设置元素的类名了。