随笔分类 -  Vue.js

vuex——模块化
摘要：一、什么是vuex module，为什么要使用vuex模块化？ 模块化，就是将vuex分为不同的模块，无论从项目上还是结构上，都容易维护，我们在平时写的vuex中，都是在一个文件中，写state、getters、mutations、actions。想象一下，如果我们的项目特别大，比如淘宝那么大，那么 阅读全文
posted @ 2020-11-03 10:45 徐林俊 阅读(2246) 评论(0) 推荐(0)
vue——组件间传值
摘要：一、父组件向子组件传值 父组件内设置要传的数据，在父组件中引用的子组件上绑定一个自定义属性并把数据绑定在自定义属性上，在子组件添加参数props接收即可。 <!-- 父组件 --> <template> <div> <child-com :user="userInfo"></child-com> < 阅读全文
posted @ 2020-09-23 15:52 徐林俊 阅读(206) 评论(0) 推荐(0)
vue项目使用iconfont
摘要：https://www.jianshu.com/p/38262f18eee2 阅读全文
posted @ 2020-06-17 16:46 徐林俊 阅读(153) 评论(0) 推荐(0)
vue —— VSCode代码片段
摘要：1、打开 VSCode 中左下角设置。 2、找到 vue.json 文件，并点开。 3、将以下代码复制到该文件中。 { "Print to console": { "prefix": "vue", "body": [ "<style scoped lang=\"${1:scss}\">\n", "< 阅读全文
posted @ 2020-05-29 11:43 徐林俊 阅读(518) 评论(0) 推荐(0)
sockjs-node/info 请求错误
摘要：一、描述 就是请求列表中出现了它： 二、解决办法 1、在vue.config.js中加入这么一行： 2、将如下文件的1605行给注释掉： 问题解决。 阅读全文
posted @ 2020-05-16 16:54 徐林俊 阅读(1045) 评论(0) 推荐(0)
vue项目中 —— rem布局适配方案
摘要：1、安装插件 安装 amfe-flexible、postcss-px2rem-exclude cnpm i amfe-flexible postcss-px2rem-exclude --save 安装完毕，会在 package.json 文件的 dependencies 属性中看到如下： 2、在ma 阅读全文
posted @ 2020-05-16 14:52 徐林俊 阅读(4659) 评论(0) 推荐(0)
vue项目中axios请求网络接口封装
摘要：一、安装axios npm install axios 二、封装方法 在src目录下新建utls文件夹，并在该文件夹建如下文件： 1、url.js 统一放置接口 // 获取省市 let area = 'GetRegionList'; module.exports = { area } 2、http. 阅读全文
posted @ 2020-03-17 21:57 徐林俊 阅读(1141) 评论(0) 推荐(0)
vue报错——error Unexpected console statement no-console
摘要：一、问题描述 执行 npm run build 报错 二、解决办法 在package.json中添加如下配置： 阅读全文
posted @ 2020-03-16 22:30 徐林俊 阅读(449) 评论(0) 推荐(0)
vue切换页面修改网页的标题
摘要：路由配置页面： main.js: 阅读全文
posted @ 2020-03-15 21:00 徐林俊 阅读(796) 评论(0) 推荐(0)
vue项目禁止页面进行缩放
摘要：使用 npm run build 打包之后，在dist文件中的index.html文件中，搜索 viewport，结果如下： 将此标签使用如下标签替换即可： <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0 阅读全文
posted @ 2020-03-15 20:45 徐林俊 阅读(8406) 评论(0) 推荐(0)
vue关闭ESLint校验
摘要：在根目录下新建 .eslintrc.js 文件，内容如下： module.exports = { root: true, env: { node: true }, extends: ["plugin:vue/essential"], // "@vue/prettier" rules: { "no-c 阅读全文
posted @ 2020-03-15 20:36 徐林俊 阅读(291) 评论(0) 推荐(0)
vue-cli打包项目后路径错误问题
摘要：一、问题描述 执行 npm run build 命令后，打包生成dist文件夹，访问的时候报如下错误： 二、解决办法 在根目录下，新建 vue.config.js文件，内容如下， module.exports = { publicPath:'./', configureWebpack:{ resol 阅读全文
posted @ 2020-03-15 19:50 徐林俊 阅读(1420) 评论(0) 推荐(0)
使用vue-cli4.2.2创建项目
摘要：一、检测vue-cli版本 使用如下命令，检测vue-cli版本，如果版本不是4版本，需升级。 二、创建项目 创建项目的命令语法如下： vue create <Project Name> // 项目的名字不允许含有大写字母 1、创建项目 使用命令出现如下界面，这里有俩个选项，一个是默认配置，一个是手 阅读全文
posted @ 2020-03-15 19:19 徐林俊 阅读(598) 评论(0) 推荐(0)