Vue.js框架 - 随笔分类(第2页) - Fanyee

VUE的生命周期

摘要：官方文档：https://vuejs.bootcss.com/v2/guide/instance.html#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%9B%BE%E7%A4%BA 生命周期勾子就类似于人的出生，成长，死亡。一：基本概念二：Vue实例的生命周期阅读全文

posted @ 2017-04-24 17:04 Fanyee 阅读(533) 评论(0) 推荐(0)

基于Vue的省市区三级联动插件

摘要：官网地址：https://distpicker.uine.org/ 安装：局部注册：使用：为啥变得这么简单，因为底层做了一个组件封装，如下所示：之后，改吧改吧，可以了阅读全文

posted @ 2017-04-24 10:28 Fanyee 阅读(1433) 评论(0) 推荐(0)

父子组件通讯(2)

摘要：父组件（shopcart.vue传值给子组件（inputnumber.vue）示意图官方文档：https://cn.vuejs.org/v2/guide/components.html#%E7%BB%84%E4%BB%B6%E7%BB%84%E5%90%88 有难度证明自己在进步着，vue的思想太阅读全文

posted @ 2017-04-23 21:29 Fanyee 阅读(306) 评论(0) 推荐(0)

vue中声明式导航和编程式导航

摘要：官方文档：https://router.vuejs.org/zh-cn/essentials/navigation.html 声明式导航和编程式导航共同点：都能进行导航，都可以触发路由，实现组件切换区别：写法不一样，声明式导航是写在组件的template中，通过router-link来触发，阅读全文

posted @ 2017-04-23 21:19 Fanyee 阅读(698) 评论(0) 推荐(0)

Vue中登录模块

摘要：阅读全文

posted @ 2017-04-23 21:08 Fanyee 阅读(413) 评论(0) 推荐(0)

非父子组件通信

摘要：官方文档：https://cn.vuejs.org/v2/guide/components.html#%E9%9D%9E%E7%88%B6%E5%AD%90%E7%BB%84%E4%BB%B6%E7%9A%84%E9%80%9A%E4%BF%A1 阅读全文

posted @ 2017-04-22 17:24 Fanyee 阅读(152) 评论(0) 推荐(0)

vue中axios开启cookies

摘要：阅读全文

posted @ 2017-04-22 17:15 Fanyee 阅读(1378) 评论(0) 推荐(0)

vue中的导航守卫

摘要：官方文档地址：导航守卫：https://router.vuejs.org/zh-cn/advanced/navigation-guards.html 好的，重点内容当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是异步解析执行，此时导航在所有守卫 resolve 完之前一直处于等待中。每阅读全文

posted @ 2017-04-22 16:29 Fanyee 阅读(261) 评论(0) 推荐(0)

vue中做出购物车的功能

摘要：效果展示：一：html结构二：css样式三：js部分过渡&动画的官方文档： https://vuejs.bootcss.com/v2/guide/transitions.html 写得不好，但是还是要去吃饭的阅读全文

posted @ 2017-04-21 21:36 Fanyee 阅读(535) 评论(2) 推荐(0)

vuex初使用（写的当然是最简单的应用啦）

摘要：关于vuex的简图 vuex文档：https://vuex.vuejs.org/zh-cn/installation.html 一：npm安装在main.js中 import Vuex from 'vuex' Vue.use(Vuex) 在main.js中 import Vuex from 'vu 阅读全文

posted @ 2017-04-21 11:47 Fanyee 阅读(176) 评论(0) 推荐(0)

封装了一个电商放大镜移入放大的功能，适用于VUE

摘要：代码地址：https://github.com/zhongqiulan/jqimgzoom 由于vue只支持ie9以上版本，所以这个插件也是一样的效果图：第一步，在goodsinfo文件中引入css 第二步，在goodsinfo.vue文件中写一些html结构第三步：在goodsinfo.vu 阅读全文

posted @ 2017-04-20 20:51 Fanyee 阅读(1231) 评论(0) 推荐(0)

moment.js插件的简单上手使用

摘要：开发过程中看长篇幅的技术文档是件多么影响多发效率的事情丫，哼哼，人家明明只是想用个简单的功能而已丫，下面文档很好的解决了这个问题，yeah~~~ 一.monent.js时间插件 1.Moment.js 文档：http://momentjs.cn/docs/ 使用起来可以说是非常简单了 1. 安装插件阅读全文

posted @ 2017-04-20 16:29 Fanyee 阅读(3700) 评论(0) 推荐(0)

Vue中如何将数据传递到下一个页面（超级简单哒）

摘要：先展示效果：注意URL中值是有变化的一：在goodslist.vue文件夹绑定三：在下一个页面 goodsinfo.vue写入四：在main.js中即可阅读全文

posted @ 2017-04-20 15:58 Fanyee 阅读(9288) 评论(0) 推荐(0)

VUE图片懒加载-vue lazyload插件的简单上手使用（优化版本）

摘要：在用VUE做项目开发的过程中，首页用到了懒加载的方法，查找了一些方法，觉得官网写得太复杂，有一篇博客不错（https://www.cnblogs.com/xyyt/p/7650539.html），但是有些地方又与我的项目有些不同，故此记录一下下~实在是超级简单的先展示效果：一. vue lazy 阅读全文

posted @ 2017-04-20 11:26 Fanyee 阅读(2050) 评论(0) 推荐(0)

webpack配置apihost

摘要：webpack配置全局apihost可以解决在不同环境（开发环境及生产环境）中域名，端口号会改变的问题。如：解决办法：一行代码：一：查询资料地址： https://www.npmjs.com/package/axios ctrl + f 查找 “baseURL” 二：解决办法 main.js文阅读全文

posted @ 2017-04-19 22:21 Fanyee 阅读(2023) 评论(0) 推荐(0)

webpack配置Jquery全局包及全局包插件

摘要：一：在配置文件配置：二：记得导入webpack 命令：cnpm i webpack -S 开发环境命令：cnpm i webpack -D 生产环境阅读全文

posted @ 2017-04-19 11:21 Fanyee 阅读(1254) 评论(0) 推荐(0)

webpack安装及使用

摘要：npm run dev 第一次使用的时候用u盘将某些软件带过去。所以要找到U盘 2.9.x的版本【推荐】安装：npm install -g vue-cli 检测版本 vue -V/--version 生成项目: 首页切换到桌面，在终端里面运行 vue init webpack-simple vu 阅读全文

posted @ 2017-04-18 09:59 Fanyee 阅读(117) 评论(0) 推荐(0)

vue中params & query的比较

摘要：共同点: 不同点: 阅读全文

posted @ 2016-04-27 23:19 Fanyee 阅读(302) 评论(0) 推荐(0)

VUE中模块与组件

摘要：写长篇幅并不是我的本意，主要是自己还不能精简吧谈谈你对模块化的理解？答： • 模块化就是为了减少系统耦合度，提高高内聚，减少资源循环依赖，增强系统框架设计。 • 让开发者便于维护，同时也让逻辑相同的部分可复用 • 模块化开发：针对js、css，以功能或业务为单元组织代码。js方面解决独立作用域、阅读全文

posted @ 2015-04-26 10:44 Fanyee 阅读(1662) 评论(0) 推荐(0)

fanyee

interesting amusing

随笔分类 - Vue.js框架