最开始使用 Vuemultiselect ，npm安装后，只有一个lib目录，这也是我怀疑此包不能使用的原因，根据官方文档，需要使用但是查了一下，chrome不支持此语法，所以借助babel转换为es5 Babel在线转换es6 然而，将下面的js；TOC答1将默认路由的 routerlink 的 to 和路由注册时的 path 都设置为 #39#39答2答在默认路由的 routerlink 上设置 exact 精确样式匹配属性第一种情况，name为路由注册时所取的名字 在重定向的时候直接用 name。

在setup函数中使用this router#39 of undefined 原因setup中不能使用this 解决方法 第一步 第二步 知识点 1setup函数是处于 生命周期函数 beforeCreate 和 Created 两个钩子函数之前的函数，因此；根据官网的文档，要在一个html文件下使用layui里面的组件库其实很简单，但是在vue项目中使用该ui库却存在着很多坑，下面我们就详细讲解一下如何在vuecli搭建的项目下使用layui1第一个坑vue项目中使用npm安装引入时报错。

经查官网，native的写法已经废除 路由进入时渲染背景图片 可以看到，导入时，只有如下两个选项可供选择，而在setup中写beforeRouteEnter又会报错 经多方查找，发现目前使用的版本为vuerouter4，BeforeRouteLeave在router4中被改；1 默认用的intellij idea作为Vue工程的开发IDE，在该IDE中启动Vue工程，需要安装node js，并在IDE中配置Run Configurations，详细配置见下面的参考链接2 配置好运行参数之后，在启动过程中报错Error listen EACCES permiss。

看Vuejs文档中的ref部分，自己总结了下ref的使用方法以便后面查阅HTML 部分 js部分 HTML部分 JS部分 HTML部分 JS部分 HTML部分 JS部分 1如果通过vfor 遍历想加不同的ref时记得加 号，即 ref =某变量；主要原因是后台使用的是Multipart数组接收，vue这边使用的是formdata，红框一定要这样写，我被坑了好久，并且传输文件类的时候，不需要设置contentType，由于我用axios共同全局设置了这个 #39ContentType#39 #39multipartformdata#39。

vue常见api

原因 因为一般vue脚手架的默认路由配置时hash模式，为了解决直接打开打包文件页面空白的问题，会在configindexjs 下，把build的 assetsPublicPath#39#39， 改成assetsPublicPath#39#39但变成history路由模式时，就要改回来。

1vuecli脚手架打包的项目部署到服务器上打开空白 首先可以确保路径是没问题的，vuecli打包生产环境直接修改config目录下的index文件即可将assetsPublicPath指向你所要放置的服务器目录，并用最后一个文件夹名作为你的项。

估计是webpack的devServer配了 historyApiFallback ，该配置可以在url返回404的时候自动跳转到 indexhtml 所以就一直走了 indexhtml 的路由所以这个问题不是 vuerouter 的问题，而是devServer路由跳转的问题。

vue常见的打印插件

就会出现兼容问题所以需要修改下 why？ 因为是编译好的兼容es6的版本修改成本低，快速高效参考链接记一次Vue使用Swiper的坑 Vue 20+Vuecli+swiper项目在安卓51上白屏的问题。

于是又加了个类型限制 app any ，是能通了但是，控制台有许多警告信息，揪心，这只是坑一 tsconfigjson Language support for Vue 3 我在vscode中安装了这个插件据说是vue的新一代插件，集成了vetur的相关功能，如。

原因 typescript不能识别vue文件 解决办法 引入vue的typescript declare库 在tsconfigjson中加入 其中，types是自己延伸的一些declare 下面的是vue中的types拓展 改后的tsconfig 原因 问题同上，使用node。

vue前端开发，经常遇到key为undefine的bug，如图 很多时候 我们把后台返回的Id赋值给key，但是该死的后台返回的Id居然也有重复的时候这个时候会出现各种意外情况，入页面卡死，页面空白，下拉列表点不动等等错误特别的el。