04 2020 档案

Vue中如何监听组件的原生事件
摘要：在首页开发中，右下角有一个返回顶部的小箭头，将它单独封装成一个BackTop组件，但是它何时出现需要依赖于首页的滑动，即另外一个Scroll组件。如果直接在BackTop组件里面监听，则需要通过this.$emit将事件发射到Home组件中，又在Home中监听自定义事件，比较复杂。因此，我们直接在H 阅读全文
posted @ 2020-04-30 22:31 BAHG 阅读(3672) 评论(0) 推荐(0)
vue实例中created、mounted以及其他类型说明
摘要：生命周期图示（图片来自coderwhy老师）： 每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如，实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ，然后在数据变化时更新 DOM 。在这个过程中，实例也会调用一些生命周期钩子函数，这就给我们提供了执行自定 阅读全文
posted @ 2020-04-30 15:55 BAHG 阅读(1236) 评论(0) 推荐(0)
如何在手机端查看部署在电脑上的网站
摘要：首先需要知道该电脑的ipv4地址，关于ipv4地址和ip地址之间的关系请参考https://zhidao.baidu.com/question/1900243424837723700.html，里面还提到了内网IP和外网IP，详细介绍请参考https://blog.csdn.net/weixin_4 阅读全文
posted @ 2020-04-30 09:49 BAHG 阅读(776) 评论(0) 推荐(0)
对background: url("~assets/img/common/collect.svg") 0 0/14px 14px 的理解
摘要：需求：给收藏数字前面通过::before伪元素添加图标 相关代码： .goods-info .collect { position: relative; } .goods-info .collect::before { content: ''; position: absolute; left: - 阅读全文
posted @ 2020-04-29 17:50 BAHG 阅读(1111) 评论(0) 推荐(0)
在终端输入npm run serve时出现npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! test_vue_0613@1.0.0 dev: 错误的解决方法
摘要：在vscode终端使用命令 npm run serve 的时候报错 错误原因在于由于文件 node_modules 太大，在项目上传时有些人会删掉 导致我们下载的项目中缺少这个文件 在尝试把自己项目的 node_modules文件夹直接复制过去之后发现问题还没有得到解决 解决方法：在命令行中先进入文 阅读全文
posted @ 2020-04-28 14:00 BAHG 阅读(12765) 评论(0) 推荐(0)
Vue中import用法
摘要：1. 引入第三方插件 第三方常用插件参考https://blog.csdn.net/vbirdbest/article/details/86527886 2. 导入 css 文件 import 'iview/dist/styles/iview.css'; 如果是在.vue文件中导入，那么是在vue组 阅读全文
posted @ 2020-04-25 20:43 BAHG 阅读(29832) 评论(1) 推荐(1)
Flex布局
摘要：在介绍Flex布局之前，先简述一下display属性。因为涉及到了 display: flex。详细介绍参考 https://developer.mozilla.org/en-US/docs/Web/CSS/display display 属性是使用关键字值指定的。关键字值分为六个值类别： .con 阅读全文
posted @ 2020-04-24 21:54 BAHG 阅读(258) 评论(1) 推荐(0)