1、 函数组件 函数组件 是无状态的，没有生命周期或方法，因此无法实例化创建一个函数组件非常容易，你需要做的就是在SFC中添加一个 functional: true 属性，或者在模板中添加 functional。由于它像函数一样轻巧，没有实例引用，所以渲染性能提高了不少。函数组件依赖于上...

server 配置 const Koa = require('koa'); const Router = require('koa-router'); const serve = require('koa-static'); const path = require('path'); const fs = require('fs'); const backendApp = new Koa(); const frontendApp = new Koa(); const backendRout...

bug： 我在flex布局的元素中使用了elementui的table组件，饿了么的table上会被加一个动态的宽度， 当第一次改变flex元素宽度的时候。table的动态宽度会变化，第二次和以后就不会变化了。第一种：给使用flex的元素加上 overflow-x：hidden 第二种：可以将设置了flex属性的容...

import Vue from 'vue' import App from './App.vue' import { Button } from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(Button) Vue.config.productionTip = false new Vue({ render: h => h(App), }).$mount('#app') 代码...

刷新整个页面（最low的，可以借助route机制）使用v-if标记（比较low的）使用内置的forceUpdate方法（较好的）使用key-changing优化组件（较好的，定义组件key值） 由于一些嵌套特别深的数据，导致数据更新了，但是页面却没有重新渲染。我遇到的一个情况是，v-for遍历数据渲...

在Vue中使用v-for循环一个数组/对象时，如果再使用v-if，那么会提示使用计算属性(能正常使用)，因为Vue中是不提倡v-for与v-if同时使用的。在我的项目中也遇到了问题不过翻看文档解决了 <el-table-column v-for="(item, index) in columns" :prop="ite...

<template> <div class="home"> <div id="main" style="width: 800px; height: 400px"></div> </div> </template> <script> import * as echarts from 'echarts' export default { methods: { drawChart() { cons...

this.$refs.jsonEditor.codemirror.refresh() <template> <div class="json-editor"> <codemirror ref="jsonEditor" v-model="reqBody[codeKey]" :options="cmOptions" @ready="onCmReady" @focus="onCmFocus" @input="onCmCodeChange"></codemirr...

const key = '{"a":1, "b":1.00000000000000000,"key": 1234567890123456789}' const JSONbigString = require('json-bigint')({storeAsString: true}) const withString = JSONbigString.parse(key) console.log('key：', key) console.log('jso...

方法一：JSON.stringify this.codemirror.setValue((JSON.stringify(JSON.parse(jsonStr), null, 2))) 缺点：这样会造成数值类型值的精度丢失，如: { "a":1.000000000000000000, "b":123455667111111111117 } {a: 1, b: 123455667111111110000} 方法二...