一、介绍VuexVuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化,适合于构建中大型单页应用。1、什么是状态管理模式?看个简单的例子:<!DOCTYPEhtml><html><head..
分类:
其他好文 时间:
2017-05-09 17:49:32
阅读次数:
246
阅读目录 1.理解VUE 过渡效果 回到顶部 1.理解VUE 过渡效果 1. 过渡的-css-类名会有4个(css) 类名在 enter/leave 在过渡中切换。1. v-enter: 进入过渡的开始状态。在元素被插入时生效,在下一个帧移除。2. v-enter-active: 进入过渡的结束状态 ...
分类:
其他好文 时间:
2017-05-08 23:17:46
阅读次数:
327
demo: https://jkchao.github.io/vue-loading/ 源码(star ? start : start):https://github.com/jkchao/vue-loading 组件支持:自定义type(暂时提供8种,具体请看demo);color;size; S ...
分类:
其他好文 时间:
2017-05-07 00:17:50
阅读次数:
159
空闲时写了一个3d切换器,灵感来自于转行前画3d工程图,效果如图: 功能:按住鼠标中间,变为3d模式,点击6个页面中的某一个页面,页面旋转放大,恢复到2d图形,3d图消失。再次点击鼠标中间,恢复为3d(含动画效果),按住中键不放,可以左右或者上下拖动,3d图片做720°旋转。 效果可在:此处查看 请 ...
分类:
其他好文 时间:
2017-05-06 19:54:57
阅读次数:
210
阅读目录 1.理解VUE 混合 2.Vue实例化选项 3.Vue实例化的生命周期 回到顶部 1.理解VUE 混合 在了解Vue生命周期之前,我们先来学习Vue中的混合吧; 为什么需要使用混合? 假如当我们开发时候,a.js和b.js都有公用的代码的时候,我们可以把他们抽取出来,在a.js或b.js的 ...
分类:
其他好文 时间:
2017-05-06 10:30:58
阅读次数:
180
HTML JavaScript 使用 $emit(eventName) 触发事件,在组件内部绑定点击事件,每个独立组件之间发生点击事件触发外层函数,实现选项卡功能 ...
分类:
其他好文 时间:
2017-05-05 14:13:59
阅读次数:
85
3、本地存取; 4、比较函数 5、Electron clipboard 模块 ...
分类:
其他好文 时间:
2017-05-05 12:58:00
阅读次数:
170
路由跳转 当我们想要实现点击链接跳转时,可以使用$router来进行跳转 语法如下: this.$router.push({path:"/www",query:{id:'1222'}}) 这里path是要跳转的路径,query里面是路径跳转时要携带的参数,以对象的形式存在 路由跳转 当我们想要实现点 ...
分类:
其他好文 时间:
2017-05-05 11:45:25
阅读次数:
165
main.js文件添加如下: new Vue({ router, render: h => h(App), data: { eventHub: new Vue() }}).$mount('#app'); 父组件: 监听事件: this.$root.eventHub.$on('cart.add', ( ...
分类:
其他好文 时间:
2017-05-04 23:20:25
阅读次数:
181
Vue2.0 新手入门 — 从环境搭建到发布 转自:http://www.runoob.com/w3cnote/vue2-start-coding.html 具体文章详细就不搬了,步骤可过去看,我这就写下使用总结 1. Vue2.0 推荐开发环境中一些安装就不说了 Node.js 、npm 、web ...
分类:
其他好文 时间:
2017-05-04 14:34:30
阅读次数:
157