综合运用Vue前端开发基础知识，设计并实现“商品管理系统”，具体要求如下： （1）完成“商品管理系统”列表展示。 （2）完成根据添加商品信息 （3）完成删除商品信息 （4）完成对商品创建时间的格式化“年-月-日 时:分:秒”。

好的，针对你的需求，我可以给你一些实现的思路。

1. 列表展示

你可以使用 Vue 的数据绑定功能，将商品列表数据与前端页面进行绑定，然后使用 v-for 指令对数据进行遍历展示。具体代码如下：

<table>
  <thead>
    <tr>
      <th>商品名称</th>
      <th>商品价格</th>
      <th>商品创建时间</th>
      <th>操作</th>
    </tr>
  </thead>
  <tbody>
    <tr v-for="(item, index) in goodsList" :key="index">
      <td>{{item.name}}</td>
      <td>{{item.price}}</td>
      <td>{{formatDate(item.createTime)}}</td>
      <td>
        <button @click="deleteGoods(index)">删除</button>
      </td>
    </tr>
  </tbody>
</table>

2. 添加商品信息

你可以使用表单的方式收集用户输入的商品信息，然后将收集到的数据添加到商品列表数据中。具体代码如下：

<form>
  <div>
    <label>商品名称：</label>
    <input type="text" v-model="newGoods.name">
  </div>
  <div>
    <label>商品价格：</label>
    <input type="number" v-model="newGoods.price">
  </div>
  <button @click.prevent="addGoods">添加</button>
</form>

data() {
  return {
    goodsList: [], // 商品列表数据
    newGoods: { // 新添加的商品信息
      name: '',
      price: ''
    }
  }
},
methods: {
  addGoods() {
    this.goodsList.push({
      name: this.newGoods.name,
      price: this.newGoods.price,
      createTime: new Date()
    })
    this.newGoods = {
      name: '',
      price: ''
    }
  }
}

3. 删除商品信息

你可以使用 splice 方法从商品列表数据中删除指定位置的商品信息。具体代码如下：

deleteGoods(index) {
  this.goodsList.splice(index, 1)
}

4. 格式化商品创建时间

你可以编写一个 formatDate 方法，使用 Date 对象的方法获取年月日时分秒，并将其格式化为指定格式。具体代码如下：

formatDate(date) {
  const year = date.getFullYear()
  const month = (date.getMonth() + 1).toString().padStart(2, '0')
  const day = date.getDate().toString().padStart(2, '0')
  const hour = date.getHours().toString().padStart(2, '0')
  const minute = date.getMinutes().toString().padStart(2, '0')
  const second = date.getSeconds().toString().padStart(2, '0')
  return `${year}-${month}-${day} ${hour}:${minute}:${second}`
}

以上就是实现“商品管理系统”的一些思路和代码示例，希望对你有所帮助。