vue
杨旬
静待缘分
展开
-
工作经验-组件封装(拖拽排序组件)
vue3可拖拽排序定义样式组件原创 2022-07-29 15:32:36 · 190 阅读 · 0 评论 -
发布过程去除所有console.log语句的插件
如果想配置这个依赖在生产过程中生效或是发布过程中生效则可进行以下配置在babel.config.js文件中创建一个数组用于存储此依赖语句const produPlugins=[]if(process.env.NODE_ENV===‘production’{produPlugins.push(‘transform-remove-console’)}module.exports = {“presets”: [“@vue/cli-plugin-babel/preset”],“plugins.原创 2021-11-18 15:24:23 · 667 阅读 · 0 评论 -
发布过程去除所有console.log语句的插件
原创 2021-11-18 15:23:41 · 166 阅读 · 0 评论 -
解决vscode格式化和eslintrc的冲突
在根目录中创建一个.prettierrc文件第一个语句的意思是移除格式化自动添加的分号第二个语句的意思是字符串采用单引号。此语句用来禁用在方法名后加空格的eslinc的要求原创 2021-10-27 22:46:17 · 231 阅读 · 0 评论 -
vuex详解
import Vuex from ‘vux’import Vue from ‘vue’Vue.use(Vuex);const store =new Vuex.store({state:{存放数据data:0}mutations:{修改state中的数据changData(state,paramas){state.data+=paramas;}}actions:{处理异步数据sendAjax(){…}}getters:{对数据进行修改和存储}modules:{u原创 2021-10-21 19:46:16 · 70 阅读 · 0 评论 -
编程小技巧
//把axios挂在到vue的原型上就可以不用在每个组件中都导入了。直接this.$http即可使用axios;Vue.prototype.$http = axios//全局配置axios的请求根路径axios.defaults.baseURL = 'https://api.muxiaoguo.cn'```![在这里插入图片描述](https://img-blog.csdnimg.cn/734ac30ac33347f9a189a8f6bb0d165e.png?x-oss-process=image原创 2021-10-11 21:09:28 · 59 阅读 · 0 评论 -
路由安装和配置步骤
1.2.3.挂载路由以上代码只是为了体验router的原理实际开发中会使用插件一键生成框架使用.原创 2021-10-08 20:19:46 · 118 阅读 · 0 评论 -
路由简单案例(底层原理版)
通过给多个a链接设置不同hash地址,然后在点击不同a链接进行切换,这时页面的href地址的hash值会发生变化,此时通过以上的语句就可以监测到hash值的变化,将检测到的hash值赋值给组件变量名,然后通过动态组件进行组件切换即可达到路由效果...原创 2021-10-08 19:38:55 · 110 阅读 · 0 评论 -
前端路由工作原理
在这里插入图片描述原创 2021-10-08 19:09:31 · 46 阅读 · 0 评论 -
vsCode自动修复规范报错的配置
1.先要安装Eslint 和Prettier - Code formatter插件2.在settings-json中添加(1) //Eslint插件的配置“editor.codeActionsOnsave”:{“source.fixAll”:true,},(2) //prettier配置“eslint.alwaysShowStatus”: true," prettier.trailingComma": “none”," prettier.semi": false,// 每行文字个数超出原创 2021-10-08 10:43:50 · 928 阅读 · 0 评论