1.全局引入bus Vue.prototype.$bus = new.Vue() 2.组件间传值使用(在发送事件时接收组件会实时接收到， 可以用做兄弟组件间相互传值， 但页面跳转组件间有问题 通过$emit发送，$on接收) <div style="float: left; width: 15%; ...
分类：
其他好文 时间：
2020-02-28 15:53:16
阅读次数：
53
用过vue组件的前端同学应该都遇到过一个问题，就是在当前页的组件有自定义样式，而用了scoped编译出的样式对组件内部并不起作用，最后要写全局样式才能有效，但是可能会污染到其他组件，其实我们可以用/deep/来解决此问题。 关于scoped请查看：https://www.cnblogs.com/vi ...
分类：
Web程序 时间：
2020-02-26 19:10:11
阅读次数：
126
生命周期函数代表的是`vue`实例、`vue`组件，在网页中各个生命阶段所执行的函数。生命周期函数可以分为创建阶段、运行阶段及销毁阶段的函数。这些阶段的函数都是和methods同级的，不是写在methods中。 创建期间的函数： 1）beforeCreate：在创建实例前所执行的函数；Vue已经创建 ...
分类：
其他好文 时间：
2020-02-23 20:05:08
阅读次数：
52
易车三期的项目，碰到的vue问题，暂时记录一下。 1、跨vue组件的方法调用 2、路由的跳转，带参数的（例如ID）跳转不到其他的页面 3、js文件的导出和引入，在一个vue文件中调用js文件的方法，此行为可以抽取公共的函数。 4、provide、inject 方法调用跨vue组件的methods中的 ...
分类：
其他好文 时间：
2020-02-22 23:46:23
阅读次数：
61
1、父传子 传递：当子组件中在父组件中当做标签使用的时候，给子组件绑定一个自定义属性，值为需要传递的数据 接收：在子组件内部通过props进行接收，props接收的方式有2种： ①通过数组进行接收 props:["属性"] ②通过对象进行接收 props:{ 属性:{ （1）type:限制数据的类型 ...
分类：
其他好文 时间：
2020-02-21 14:46:26
阅读次数：
86
最近在网上找到一个 网页制作辅助工具-jQuery标尺参考线插件 ，觉得在现在的一个项目中能用的上，插件是基于JQuery的，但是现在的项目是用vue写的。So...,就照葫芦画瓢改装成了Vue组件，总的来说算是一个用处较多的组件，于是乎，就想着把它上传到Npm上分享出来。以前只用过别人的包，这一次 ...
分类：
其他好文 时间：
2020-02-20 17:16:03
阅读次数：
68
自己写的组件 有的也挺好的，为了方便以后用自己再用或者给别人用，把组件打包发布到npm是最好不过了，本次打包支持 支持正常的组件调用方式，也支持Vue.use, 也可以直接引用打包好的js文件， 配合vue.js 就不需要webpakc这种构建工具了，可以直接在页面内使用，下面以 ‘yyl-npm- ...
分类：
Web程序 时间：
2020-02-20 17:08:24
阅读次数：
118
封装vue组件库的两种方法和形式： 一：是建立一个webpack-simple 项目 二：是在通过vue-cli脚手架建立webpack vue项目，这种项目有点冗余，可是我们对这种项目最熟悉 下面分别介绍两种用法： 一： 1.首先先建立一个vue项目： 通过vue init webpack-sim ...
分类：
其他好文 时间：
2020-02-20 16:56:32
阅读次数：
232
制作了一套自己的组件库，并发布到npm上，项目代码见 GitHub 。 前期准备 有一个npm账号 安装了vue-cli 搭建项目 vue init webpack hg-vcomponents cd hg-vcomponents cnpm install 目录结构 - vue-flag-list ...
分类：
其他好文 时间：
2020-02-20 16:51:26
阅读次数：
70
组件的生命周期钩子 一、组件的生命周期：一个组件从创建到销毁的整个过程 二、生命周期钩子：在一个组件生命周期中，会有很多特殊的时间节点，且往往会在特定的时间节点完成一定的逻辑，特殊的事件节点可以绑定钩子 注：钩子 提前为某个事件绑定方法，当满足这个事件激活条件时，方法就会被调用 | 满足特点条件被回 ...
分类：
其他好文 时间：
2020-02-18 10:06:42
阅读次数：
85
