接口图  获取数据 ~~~ <script> export default { data() { return { //查询参数对象 queryInfo:{ query: ' ' , pagenum:1, pagesize: 10 }, //商品列表 goodslist:[], //总数据条数 total: 0 } }, created() { this.getGoodsL ist() }, methods: { //根据分页获取对应的商品列表 async getGoodsList() { const { data: res } = await this.$http.get('goods', { params: this.queryInfo }) if (res.meta.status !== 200) { return this . $message . error( '获取商品列表失败! ') } this.$message.success( '获取商品列表成功! ') console.log(res.data ) this. goodslist = res .data. goods this. total = res.data. total } } } </script> ~~~  # 时间格式化/格式化时间  ~~~ 全局作用域下书写 main.js 文件下 书写 Vue.filter( ' dateFormat', function(originVal) { const dt = new Date(originVal) const y = dt . getFullYear() const m = (dt . getMonth() + 1 + ''). padStart(2, '0') const d = (dt.getDate() + "').padStart(2, '0') const hh = (dt. getHours() + '). padstart(2, '0' ) const mm = (dt. getMinutes() +‘' ).padStart(2, '0') const ss = (dt. getSeconds() + ''). padStart(2, '0') return `${y}- ${m} -${d} ${hh}:${mm}:${ss}` }) ~~~ 使用  # vue 富文本编辑器--书写内容 [https://github.com/surmon-china/vue-quill-editor](https://github.com/surmon-china/vue-quill-editor)