vue的addRoutes报错

vue-router跳转外部链接

老方法，上一个list，c+v后快速锁定稳定：vue3通过ref获取子组件里面的方法vue3改变数组不生效vue3中使用store1、vue3通过ref获取子组件里面的方法（其实就是状态监控一下，你看看自己setup中retrun或者**ref()**没，就这两个）<div ref="bianliang"></div>setup(){ let bianliang = ref() return { bianliang }}2、vue3改变数组不生效

ps：研究阶段一代版本：（无法修改main.js因为，main.js是vue-cli的启动文件，需要修改配置了）1、主要注意Ts的版本，install一下 "ts-loader": "^4.4.2", "tslint": "^6.1.3", "tslint-config-standard": "^9.0.0", "tslint-loader": "^3.5.4", "typescript": "^3.5.2", "vue-property-decorator": "^9.1.2", "v

async handleSearch() {let res = await this.service.findPage(this.searchInfo)}1、await后面跟一个function函数，否则babel会报错（‘await’ is only allowed within async functions）2、

1、传统方法this.$store.state['模块名']['属性名']2、mapState方法：import { mapState } from 'vuex'computed: { // ... ...mapState({ list: state => state.city.list }) }触发其他模块的action1、this.$store.dispatch('模块名/属性名', opts)...

记得是这样<div @click="fn（$event,'1111'）">确定</div>fn(a,b){console.log(a,b)}

自己直接给props复制大概意思是：通过props传递给子组件的show，不能在子组件内部修改props中的show值。

所有的都是三步：1、获取dom（有宽高）2、配置项话不多说，上代码：1、npm install echarts -S2、// 引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts3、<div id="myChart" :style="{width: '300px', height: '300px'}"></div>4、export default { name: 'hel

卸载1.x和2.x1、npm uninstall vue-cli -g 全局安装2、npm install -g @vue/cli创建项目：1、vue create 项目名2、 (1. default (babel, eslint) 默认预设配置 babel, eslint (2. Manually select features 手动选择配置enter后，进入手动选择配置 ,有以下Installed CLI Plugins选项(注：空格单选，a全选，i反向全选)(1

可能会出现两种情况：1、替换其中某个数据2、替换掉整个数组 || 对象第一种：Vue官方文档给我们提供了两种方法：Vue.set()和this.set()区别：Vue.set可以设置实例创建之后添加的属性，而this.set()区别：Vue.set 可以设置实例创建之后添加的属性，而this.set()区别：Vue.set可以设置实例创建之后添加的属性，而this.set只能设置实例创建后存在的属性最常见错误：1、通过数组索引修改数组元素2、修改数组长度时3、Vue 不能检测对象属性的添加

一、 路由方法，可以小改在main.js文件中Vue.mixin({ beforeRouteLeave:function(to, from, next){ console.log('111111111111111触发了') console.log(this) // 确定是点击关闭按钮过来的 关闭的路由时可缓存的 if(from.meta.reload&&from.meta.keepAlive&&this.$vnode.comp

当我们用vue-cli创建项目后，如果在我们的template模板文件中的css样式设置中，有设置了background-image的属性，并且url值传入的是相对路径，那么当我们在打包生产代码时，webpack调用ExtractTextPlugin后生成的代码中，将没办法获取到正确的图片url，因为图片都被打包到静态文件中去了。解决方法：1、在build/util.js中配置publicPath：“…/…/”, 这样可以修正静态资源的url if (options.extract) {

首屏加载过慢优化：分析工具贴一波：vuecli 2.x自带了分析工具，只要运行 npm run build --report如果是 vuecli 3的话，先安装插件cnpm intall webpack-bundle-analyzer –save-dev然后在 vue.config.js中对 webpack进行配置再运行 npm run build --report会在浏览器打开一个项目打包的情况图，便于直观地比较各个 bundle文件的大小1、路由的问题，简单带过import Show