随笔分类 - vue
vue-cli中怎么样使用less
摘要:1.安装安装less依赖,npm install less less-loader --save 2.修改配置文件, 在build/webpack.base.conf.js文件的module.exports = 的对象的 module.rules 后面添加一段,添加一段代码 3.在使用的style标
阅读全文
vue-lazyload懒加载插件的使用
摘要:vue-lazyload懒加载插件的使用其实很简单,不想vue-loader官网用法写的那么简单。下面代码演示: 1.安装插件 npm install vue-lazyload --save 2.引用文件,一般在main.js全局引用,且配置好图片 3.在入口文件添加后,在组件任何地方都可以直接使用
阅读全文
vue+vue-cli+淘宝lib-flexible做移动端自适应
摘要:总结用vue+vue-cli+淘宝lib-flexible做移动端自适应方案: 1.安装淘宝lib-flexible npm install lib-flexible --save 2.在入口文价main.js中引用flexible import 'lib-flexible' 3.由于在开发中rem
阅读全文
使用vue时,报错“exports is not defined”
摘要:在开发中引用插件时,报错“exports is not defined” 但在引用第三方组件的时候,在浏览器中报错“exports is not defined”。根据浏览器报错信息,查询到报错来源是第三方组件的一段代码: 经过查资料,这是使用了CommonJs写法,而在应用中并没有做相应的模块转换
阅读全文
mockjs在vue中的使用
摘要:mockjs在vue中的使用 安装好vue-cli后 加载模块: npm install mockjs 创建mock.js文件到src目录下的任一合适文件内新建mockjs.js,设置好拦截信息,设置规则可看官网规则 例如下面是模拟的一条数据: import Mock from 'mockjs' e
阅读全文
使用npm install时一直报错-4048 operation not permitted
摘要:一:权限问题 首先看到operation not permitted我们能想到权限问题,所以这时候我们可以以管理员身份运行cmd或者直接快捷键Win+X来打开。 二:依赖包错误 如上图,根据错误日志我们可以明显看到这个错误minimatch版本过低和dashdash错误,我们只要全局安装好这两个包问
阅读全文
vue配置编译本地打开dist/index.html文件
摘要:项目完成后npm run build会生成dist文件,此时直接将dist文件发布到线上即可,若想本地打开dist/index.html可看,一般页面为空,或者报错找不到css和js文件,则需要更改一些路径参数,改成相对当前目录,然后再次运行npm run build 就可以在本地打开index.h
阅读全文
浙公网安备 33010602011771号