12 2018 档案

vue 周期函数
摘要：先简单说说vue中周期函数 beforeCreate（创建前） created（创建后） beforeMount（载入前） mounted（载入后） beforeUpdate（更新前） updated（更新后） beforeDestroy（销毁前） destroyed（销毁后） 主要说一下updat 阅读全文
posted @ 2018-12-17 18:52 wanan_01 阅读(210) 评论(0) 推荐(0)
vue-cli keep-alive用法以及activated,deactivated
摘要：keep-alive用法 <keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 include: 字符串或正则表达式。只有匹配的组件会被缓存。 exclude: 字符串或正则表达式。任何匹配的组件都不会被缓存。 这样就需要在app.vue中这样写 这 阅读全文
posted @ 2018-12-17 17:45 wanan_01 阅读(3182) 评论(0) 推荐(0)
vue-cli 跳转方式
摘要：一：router-link标签跳转 二： 补充一下第二点： query要用path来引入，params要用name来引入，接收参数都是类似的，分别是this.$route.query.name和this.$route.params.name。 query更加类似于我们ajax中get传参，param 阅读全文
posted @ 2018-12-17 14:42 wanan_01 阅读(2540) 评论(0) 推荐(0)
vue-cli vuex
摘要：官网：https://vuex.vuejs.org/ 基本图解 使用： 一：安装vuex cnpm install vuex --save 二：创建新文件夹 src文件下面创建store文件夹，store文件夹中新建index.js index.js中写： import Vue from ‘vue’ 阅读全文
posted @ 2018-12-16 14:11 wanan_01 阅读(157) 评论(0) 推荐(0)
vue-cli watch/timer
摘要：watch 监听函数 timer 阅读全文
posted @ 2018-12-16 13:31 wanan_01 阅读(196) 评论(0) 推荐(0)
vue-cli 使用better-scroll
摘要：better-scroll api文档https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/ 一：安装better-scroll 插件 cnpm install better-scroll --save 二：引入 import Bscroll 阅读全文
posted @ 2018-12-14 14:46 wanan_01 阅读(866) 评论(0) 推荐(0)
vue-cli less使用
摘要：1、安装less依赖，npm install less less-loader --save 2、修改webpack.base.conf.js文件，配置loader加载依赖，让其支持外部的less,在原来的代码上添加 3.使用的时候在style标签里加上lang=”less”里面就可以写less的代 阅读全文
posted @ 2018-12-06 18:19 wanan_01 阅读(141) 评论(0) 推荐(0)
vue-cli 使用Mint-UI
摘要：在安装好的vue-cli的项目基础上，安装Mint-UI cnpm install mint-ui -save //引入全部组件import Mint from 'mint-ui'import 'mint-ui/lib/style.css' //注意，此处样式要单独引入。Vue.use(Mint); 阅读全文
posted @ 2018-12-06 18:13 wanan_01 阅读(1000) 评论(0) 推荐(0)
vue中使用js动画与velocity.js
摘要：一：vue中使用js动画 根据上一篇安装animate.css之后 vue中有动画的钩子函数，@before-enter是内容由无到有的时候自动监听触发的函数，函数会接收到参数el，这样可以动态设置样式。@enter是@before-enter触发结束后触发。 @enter不同的是会接收到两个参数， 阅读全文
posted @ 2018-12-04 16:21 wanan_01 阅读(1091) 评论(0) 推荐(0)
vue中使用animate.css
摘要：一：使用animate.css的使用 1.安装npm install animate.css --save 2.在main.js中引入import animate from 'animate.css' 3.组件中使用 主要是在使用动画的外面嵌套transtion标签，加了name、enter-act 阅读全文
posted @ 2018-12-04 15:25 wanan_01 阅读(1654) 评论(0) 推荐(0)