商城项目后台动态新增sku的vue代码

当涉及到商城项目后台动态新增SKU的Vue代码，以下是一个基本示例供参考：

<template>
  <div>
    <h2>添加SKU</h2>
    <form @submit.prevent="addSku">
      <label for="skuName">SKU名称:</label>
      <input type="text" v-model="newSku.name" id="skuName" required>

      <label for="skuPrice">SKU价格:</label>
      <input type="number" v-model="newSku.price" id="skuPrice" required>

      <button type="submit">添加</button>
    </form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      newSku: {
        name: '',
        price: 0
      }
    };
  },
  methods: {
    addSku() {
      // 将新的SKU提交到后台保存的逻辑
      // 在这里可以使用axios或其他HTTP库发送请求
      // 例如：
      axios.post('/api/skus', this.newSku)
        .then(response => {
          console.log('SKU添加成功！');
          // 清空输入框
          this.newSku.name = '';
          this.newSku.price = 0;
        })
        .catch(error => {
          console.error('SKU添加失败：', error);
        });
    }
  }
};
</script>

以上代码是一个简单的添加SKU的Vue组件示例。在模板中，我们使用`v-model`指令将输入框的值与`newSku`对象中的属性绑定，当表单提交时，调用`addSku`方法将新的SKU数据发送到后台保存。在`addSku`方法中，你可以使用适当的HTTP库发送POST请求到后台，以保存新的SKU数据。

请注意，这只是一个示例，并且可能需要根据你的具体需求进行修改和调整。