[前端|vue] vue中的name 和class的区别 （笔记）

在Vue中，name和class属性有不同的用途：

1. name属性：
   在Vue组件中，name属性通常用来为组件提供一个名称。这在Vue的递归组件、调试、以及Vue DevTools中很有用，因为它允许你识别和跟踪组件实例。
   当你创建一个自定义组件时，通过设置name，可以提高可读性和调试能力，例如：

     <script>
     export default {
       name: 'MyComponent'
     }
     </script>

在表单元素中，name属性则用于在表单提交时标识字段，以便服务器端可以识别并处理这些数据。

2. class属性：
   class属性用于给元素添加一个或多个CSS类。这些类可以定义元素的样式，或者用于响应式设计、组件状态的表示等。
   也可以动态地设置class，例如根据组件的状态添加或移除类：

     <ElForm :class="{ 'user-form': isUserForm, 'guest-form': !isUserForm }">

在这个例子中，user-form和guest-form是CSS类名，isUserForm是一个数据属性，决定了哪个类会被添加到ElForm元素上。