<div class="tag" :class="color(item.status)"></div>
const color = computed(() => (status) => {
  if (status === 1) return "pedding";
  else if (status === 2) return "end";
});
                                    第一次使用VUE3时，项目中使用的时兼容VUE2引入setup函数的写法，上手很快也容易理解。直到发现官方的源码展示都用了全新的单文件组件写法，意识到这个才是主流。这篇文章记录下学习过程。
post传值后台收不到 需要用qs转换一下数据
 post('http://localhost:8080/api', qs.stringify(this.addCategoryName))
img动态路径
:src="  "
8080端口下找的是public下的文件，所以找不到
v-for
          style="width:100
                                    对象中有一个value属性，如果需要对数据进行操作，需要.value进行操作，一般用来定义一个基本类型的响应式数据html模版中是不需要调用.value操作的const proxy = reactive(obj): 接收一个普通对象，然后返回该普通对象的响应式代理器响应式转换是‘深层的’：会影响对象内部所有嵌套的属性内部基于ES6的Proxy实现，通过代理对象操作源对象内部数据都是响应式的。