先附一张官网流程图： 下面前4个钩子函数，就是vue组件生命周期前4个过程，5、6过程是页面渲染完成后还需更新页面(增删改查)的过程，最后两个是删除组件。 ...
分类：
其他好文 时间：
2018-01-23 20:26:31
阅读次数：
181
简单的来说是 vue组件最核心的就是props和自定义函数，来实现组件的开发 最简单的一个组件 子组件如下： 父组件 ： ...
分类：
其他好文 时间：
2018-01-22 17:28:23
阅读次数：
98
上一篇博文讲了怎么使用路由，这次主要讲讲怎么编写一个vue组件 vue定义了一种“单文件组件”后缀为‘.vue’的文件，大概长这样子： 可见Vue文件一分为三，成为了我们以前常见的html+js+css了，对应了三个大标签<template> <script> <style>。 令人惊喜的是它们上面 ...
分类：
Web程序 时间：
2018-01-19 17:22:57
阅读次数：
204
Vue.js中组件嵌套有两种方式 第一种：注册全局组件 例如在components文件夹下新建一个User.vue组件，然后在main.js文件中注册全局组件 有了全局组件的话，就可以在任何一个地方去调用这个东西，然后在App.vue中使用 <users></users> 标签去调用它。 但是一般都 ...
分类：
Web程序 时间：
2018-01-19 16:50:45
阅读次数：
189
学习对vue组件进行单元测试，先参照官网编写组件和测试脚本。 1、简单的组件 组件无依赖，无props 对于无需导入任何依赖，也没有props的，直接编写测试案例即可。 /src/testSrc/simpleComp.vue /test/unit/specs/simpleComp.secs.js d ...
分类：
Web程序 时间：
2018-01-17 21:57:36
阅读次数：
245
问题描述： 在keep-alive中的在跳转到指定的路由时刷新对应的路由，其余不刷新。 有几种解决方式： 1.在keep-alive中直接添加 include，cachedViews（Array类型：包含vue文件的组件name都将被缓存起来）；反之exclude则是不包含； 注意：所有.vue组件 ...
分类：
其他好文 时间：
2018-01-17 13:48:36
阅读次数：
4739
最近在写fj service system的时候，遇到了一些问题。那就是我有些组件，比如Dialog、Message这样的组件，是引入三方组件库，比如element ui这样的，还是自己实现一个？虽然它们有按需引入的功能，但是整体风格和我的整个系统不搭。于是就可以考虑自己手动实现这些简单的组件了。 ...
分类：
其他好文 时间：
2018-01-14 18:45:34
阅读次数：
786
在uve组件中我们我们经常需要给style添加scoped来使得当前样式只作用于当前组件的节点。添加scoped之后，实际上vue在背后做的工作是将当前组件的节点添加一个像data-v-1233这样唯一属性的标识，当然也会给当前style的所有样式添加[data-v-1233]这样的话，就可以使得当 ...
分类：
其他好文 时间：
2018-01-11 15:45:36
阅读次数：
170
之所以要做这个是因为，在一个组件内部需要引入一个js文件来定位。如果放在index.html，这样每个组件都会有这个js。所以需要在组件内单独引入。 第一种操作 Dom引入js： 第二种使用 createElement 方法： 第三种封装一个组件： 使用:<remote-jssrc="你的需要的js ...
分类：
Web程序 时间：
2018-01-08 13:35:31
阅读次数：
224
公司的要求，需要开发一个精美的日历组件（IOS , 安卓， PC 的IE9+都能运行），写完后想把它分享出来，希望大家批评（）。 先来个截图 代码已经分享到 https://github.com/zhangKunUserGit/vue-component 根据需求先说一下怎么用吧 （上面是：HTML ...
分类：
其他好文 时间：
2018-01-08 12:18:59
阅读次数：
288
