谢晨锋 - 博客园

2021年7月13日

摘要： vue-router的基本使用在index.js文件中导入vue和vue-router 引入vue import Vue from 'vue' 导入vue-router import VueRouter from 'vue-router' 模块化机制，使用Router Vue.use(VueRou 阅读全文

posted @ 2021-07-13 10:00 谢晨锋阅读(122) 评论(0) 推荐(0)

2021年7月12日

ElementUI中自定义el-table-column的内容

摘要： <el-table-column sortable label="状态" prop="eu_status"> <template slot-scope="scope">{{ scope.row.eu_status == 1 ? '普通用户' : '管理员' }}</template> </el-ta 阅读全文

posted @ 2021-07-12 19:44 谢晨锋阅读(2265) 评论(0) 推荐(0)

将VScode添加到鼠标右键

摘要：在桌面上新建一个文件,取名xxx.reg 比如:add_shortcut.reg 往文件中添加如下脚本注意: 其中的路径为VScode的路径,代码如下 Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\*\shell\VSCode] @ 阅读全文

posted @ 2021-07-12 18:27 谢晨锋阅读(274) 评论(0) 推荐(0)

关于vue的插件与非vue的插件的使用

摘要：在vue_cli中,如果需要引入一个插件如果这个插件是vue的插件,那么需要在main.js中引入,并注册进去比如:element ui,Vuex,vue-resource都是属于vue的插件...使用的时候需要在main.js中导入并注册方可使用如果这个插件是非vue的插件,那么则直接在组件阅读全文

posted @ 2021-07-12 11:19 谢晨锋阅读(135) 评论(0) 推荐(0)

2021年7月10日

Vue全局事件总线

摘要：目标: 实现A向B通信 1. 确定全局事件总线: 将vm对象作为事件总线挂载到vue的原型对象上 new Vue({ beforeCreate () { Vue.prototype.$bus = this } }) 2. A组件: 调用(分发)事件 this.$bus.$emit('xxx', da 阅读全文

posted @ 2021-07-10 15:10 谢晨锋阅读(1342) 评论(0) 推荐(0)

2021年7月9日

修改vue的脚手架端口,默认打开,关闭eslint的检测

摘要：在vue.config.js中配置如下 module.exports = { lintOnSave: false, // 当保存时不进行eslint的检查 devServer: { open: true, // 自动打开 port: 8081, //修改启动的端口号 // 本身发的请求 http:/ 阅读全文

posted @ 2021-07-09 11:05 谢晨锋阅读(266) 评论(0) 推荐(0)

2021年7月8日

el-menu-item与router跳转到指定路由

摘要： ![](https://img2020.cnblogs.com/blog/1341065/202107/1341065-20210708192249635-2091859856.png) 阅读全文

posted @ 2021-07-08 19:23 谢晨锋阅读(2899) 评论(0) 推荐(1)

2021年7月7日

watch监听异步函数立即执行

摘要： <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <title></title> <script src='../js/vue.js'></script> </head> <body> <div id='app'> 姓: <input type 阅读全文

posted @ 2021-07-07 20:29 谢晨锋阅读(789) 评论(0) 推荐(0)

Vue的生命周期

摘要： ![](https://img2020.cnblogs.com/blog/1341065/202107/1341065-20210707202524721-646745308.png) 阅读全文

posted @ 2021-07-07 20:26 谢晨锋阅读(55) 评论(0) 推荐(0)

watch监视器用法二 $watch

摘要： <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <title></title> <script src='../js/vue.js'></script> </head> <body> <div id='app'> 姓: <input type 阅读全文

posted @ 2021-07-07 20:03 谢晨锋阅读(77) 评论(0) 推荐(0)