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

好的，这是一个非常好的问题。基于Vue前端开发的基础知识，你可以使用Vue.js框架和ElementUI组件库来实现这个“商品管理系统”。

首先，你需要设计一个页面布局，这个页面应该有一个列表展示商品信息的表格，表格中应该包含商品的名称、价格、描述、创建时间等信息。在页面的顶部应该有一个“添加商品”按钮，点击该按钮可以弹出一个添加商品的弹窗，弹窗中应该包含商品的名称、价格、描述等信息的表单。每一条商品信息的右侧应该有一个“删除”按钮，点击该按钮可以删除该商品。

在Vue.js中，你需要定义一个数据对象来存储所有的商品信息，同时还需要定义一些方法来实现添加商品、删除商品、格式化时间等功能。在使用ElementUI组件库时，你可以使用它提供的表格、弹窗、表单、按钮等组件来实现“商品管理系统”。

下面是一个简单的代码示例，可以帮助你更好地理解如何使用Vue.js和ElementUI来实现这个“商品管理系统”：

<template>
  <div class="product-management">
    <el-button type="primary" @click="showAddProductDialog">添加商品</el-button>
    <el-table :data="products">
      <el-table-column prop="name" label="名称"></el-table-column>
      <el-table-column prop="price" label="价格"></el-table-column>
      <el-table-column prop="description" label="描述"></el-table-column>
      <el-table-column prop="createTime" label="创建时间" :formatter="formatTime"></el-table-column>
      <el-table-column label="操作">
        <template slot-scope="scope">
          <el-button type="danger" @click="deleteProduct(scope.$index)">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-dialog :visible.sync="addProductDialogVisible">
      <el-form :model="newProduct" label-width="80px">
        <el-form-item label="名称">
          <el-input v-model="newProduct.name"></el-input>
        </el-form-item>
        <el-form-item label="价格">
          <el-input v-model="newProduct.price"></el-input>
        </el-form-item>
        <el-form-item label="描述">
          <el-input v-model="newProduct.description"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="addProductDialogVisible = false">取消</el-button>
        <el-button type="primary" @click="addProduct">确定</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      products: [
        { name: '商品1', price: 100, description: '这是商品1的描述', createTime: '2021-01-01 10:00:00' },
        { name: '商品2', price: 200, description: '这是商品2的描述', createTime: '2021-01-02 10:00:00' },
        { name: '商品3', price: 300, description: '这是商品3的描述', createTime: '2021-01-03 10:00:00' }
      ],
      addProductDialogVisible: false,
      newProduct: { name: '', price: 0, description: '' }
    }
  },
  methods: {
    showAddProductDialog() {
      this.addProductDialogVisible = true
    },
    addProduct() {
      this.products.push({
        name: this.newProduct.name,
        price: this.newProduct.price,
        description: this.newProduct.description,
        createTime: new Date().toLocaleString()
      })
      this.addProductDialogVisible = false
      this.newProduct = { name: '', price: 0, description: '' }
    },
    deleteProduct(index) {
      this.products.splice(index, 1)
    },
    formatTime(time) {
      return new Date(time).toLocaleString()
    }
  }
}
</script>

这只是一个简单的示例，你可以根据自己的需求进行修改和扩展。同时，还需要注意的是，在实际开发中，你需要考虑一些更复杂的情况，比如数据校验、分页、搜索等功能。