![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue基础
文章平均质量分 96
vue基础知识
SilenceJude
多做,多想,少说话。
展开
-
vue项目使用vant匹配rem时使用pxtorem的配置操作。
目标:能够正常使用vant组件库,且匹配公司现有的rem单位。版本信息:vue/cli3脚手架。postcss-pxtorem: ^5.1.1vue: 2.6.11vant:^2.10.2代码文件:vue.config.js中,找到module.exports位置,然后添加如下代码,懒得一句句解析了。module.exports = { publicPath, outputDir: 'dist', assetsDir: 'static', ...... css: {原创 2020-10-12 14:58:25 · 989 阅读 · 0 评论 -
vue/cli2和cli3框架下bable解决es6语法不兼容问题,适用于ie11,ie10的项目兼容。
我们引用一些第三方插件的时候,经常会出现node_modules中的es6语法没有被转换导致报错,而且这样的报错往往比较奇怪,无法直观的根据报错信息查看原因。例如缺少“;”,“无法识别”,等乱起八糟的报错。此时一般是通过babel来解决。对于vue/cli2脚手架搭建的项目来说,babel其实已经引入了,.babelrc文件也已经创建好了。但是实际操作的过程中,我们还是需要进行一些配置。配置文件位置是 build/webpack.base.conf.js然后找到module——rules找到b原创 2020-09-21 15:56:28 · 4142 阅读 · 1 评论 -
基础路由的设置——使用vue-router实现导航切换
1.vue-router的安装。命令行中进入项目所在文件位置【重要】,输入:npm install vue-router安装完成后在项目文件中的package.json中可以看到vue-router的版本信息。 2.在 App.vue中 定义<router-link> 和 <router-view> 在vue-router中, 我们看到...原创 2018-08-30 22:34:01 · 10158 阅读 · 0 评论 -
vue编写路由 命令行报错“Do not use ‘new’ for side effects“
main.js里的原代码是这样的:new Vue({ router, el: “#app”, render: h =&amp;gt; h(App)})这段代码不使用ESLint检查运行是没有问题的,使用了ESLint要改成如下的形式:let vm = new Vue({ router, el: '#app', render: h =&amp;gt; h(App)}) ...转载 2018-08-17 19:58:29 · 330 阅读 · 0 评论 -
vue-router 基本使用介绍(转)
vue-router官网的介绍对于0基础的我来说还是看不太名称,所幸找到了这篇关于vue-router基础用法的讲解,讲解的非常清楚。转载 2018-08-17 18:49:11 · 2547 阅读 · 0 评论