文种玉 - 博客园

2021年7月10日

摘要：目标: 实现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 文种玉阅读(1325) 评论(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 文种玉阅读(255) 评论(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 文种玉阅读(2866) 评论(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 文种玉阅读(765) 评论(0) 推荐(0) 编辑

Vue的生命周期

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

posted @ 2021-07-07 20:26 文种玉阅读(49) 评论(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 文种玉阅读(65) 评论(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 19:52 文种玉阅读(412) 评论(0) 推荐(0) 编辑

关于 Vue中的计算属性详解

摘要： <!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 19:43 文种玉阅读(46) 评论(0) 推荐(0) 编辑

2021年6月30日

十一.nodeJs解决跨域的问题

摘要：方式一引入 npm i cors const app = express(); //在express下解决跨域 const cors = require('cors'); app.use(cors()); 方式二 res.setHeader("Access-Control-Allow-Origin 阅读全文

posted @ 2021-06-30 10:16 文种玉阅读(229) 评论(0) 推荐(0) 编辑

2021年6月28日

v-model与checkbox的配套使用

摘要： 1.v-model对应的是数组时，返回的是checkbox的value值, 2.其他所有情况(包括字符串...)均返回checkbox的boolean值 <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <title></title> <scr 阅读全文

posted @ 2021-06-28 17:18 文种玉阅读(324) 评论(0) 推荐(0) 编辑