vue
文章平均质量分 90
前端小狮
can you feel my world . . . . . .
展开
-
Vue UI组件 开发框架 服务端 辅助工具 应用实例 Demo示例
element ★11612 - 饿了么出品的Vue2的web UI工具套件Vux ★7503 - 基于Vue和WeUI的组件库iview ★5801 - 基于 Vuejs 的开源 UI 组件库mint-ui ★5517 - Vue 2的移动UI元素vue-material ★2790 - 通过Vue Material和Vue 2建立精美的app应用muse-ui ★2611 ...转载 2018-06-11 16:52:01 · 1124 阅读 · 0 评论 -
Vue,使用axios中this为undefined解决,this指向
在vue较多使用的是axios请求,请求后的回调函数中,this不能指向当前vue实例,打印出来是undefined;1,let that = this,以前常用的存储this的方法getSerTime:function(){ let that = this ;//存储this Vue.axios.get(root + '/api/findInfoDetail'...原创 2018-08-10 10:19:34 · 18779 阅读 · 1 评论 -
vue路由嵌套,配置children嵌套路由
嵌套路由就是路由里面嵌套他的子路由,可以有自己的路由导航和路由容器(router-link、router-view),通过配置children可实现多层嵌套//mine组件<template> <div class="content"> 在mine的组件里面嵌套路由 <router-link to="/mine/c">...原创 2018-07-12 17:52:23 · 53975 阅读 · 10 评论 -
vue使用mint-ui中的问题,打包上线之后mint-ui样式没有覆盖,顺序问题
在vue项目中,使用mint-ui组件,想要覆盖掉mint-ui的样式,可以单独建一个scss文件,也可以在各组件用到的地方覆盖掉,(且不说样式的权重,就是想找找茬),开发环境,完美覆盖,build打包后,查看没有覆盖,发现mint-ui的样式顺序在后面,自己写的在前面,所以没盖掉;试了各种,发现在main.js,mint-ui,的引用顺序, //这是原先的,顺序在router之后,...原创 2018-07-18 16:56:01 · 4021 阅读 · 1 评论 -
vue使用keep-alive实现数据缓存不刷新
到现在,接触vue也小段时间了,项目进行到了一定程度,然而项目缺少了缓存机制,所以每次跳转页面都会重新created一下数据,虽说系统的数据请求速度很快,但是这样做对系统的性能会有很大的坏处的,所以到这里就要对系统优化下,添加缓存了。 其实到现在,对于vue还是没有玩通,每深挖一次,就会发现一次vue的精彩,开始不清楚要用什么实现缓存,找了好久,有好几种说法,就是用vuex、vuet或...转载 2018-07-12 10:10:04 · 834 阅读 · 0 评论 -
vue调试工具vue-devtools安装及使用
vue调试工具vue-devtools安装及使用本文主要介绍 vue的调试工具 vue-devtools 的安装和使用工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧安装: 1.到github下载:git clone https://github.com/vuejs/vue-devtools//下载太慢的话可直接去这个地址 下载压缩包...转载 2018-07-11 18:16:46 · 3540 阅读 · 0 评论 -
vue轮播,vue-awesome-swiper动态数据渲染,loop无效,轮循无效
今天用了一下vue-awesome-swiper,轮播数据是动态渲染的,遇到的坑是:配置 loop : true, 无效,不能轮循,查看代码是前后根本没有多插数据,于是百度一下,支的招不少,都不能奏效, 什么添加observer:true,observeParents:true,等都不能奏效,什么加载顺序,都没奏效; 如有遇到同样问题的朋友,可用我的这简单的方法,v-if判...原创 2018-07-17 17:05:39 · 14826 阅读 · 25 评论 -
Vuejs——组件——slot内容分发
本篇资料来于官方文档: http://cn.vuejs.org/guide/components.html#u4F7F_u7528_Slot__u5206_u53D1_u5185_u5BB9 本文是在官方文档的基础上,更加细致的说明,代码更多更全。 简单来说,更适合新手阅读(二十八)Slot分发内容①概述:简单来说,假如父组件需要在子组件内...转载 2018-07-11 11:56:21 · 262 阅读 · 0 评论 -
vue-cli中配置sass
如何配置sass一、安装对应依赖node模块:npm install node-sass --save-devnpm install sass-loader --save-dev二、打开webpack.base.config.js在loaders里面加上rules: [ { test: /\.vue$/, loader: 'vu...转载 2018-07-16 17:08:25 · 1273 阅读 · 0 评论 -
vue项目优化之页面的按需加载(vue+webpack)
通过vue写的单页应用时,可能会有很多的路由引入。当打包构建的时候,javascript包会变得非常大,影响加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应的组件,这样就更加高效了。这样会大大提高首屏显示的速度,但是可能其他的页面的速度就会降下来。结合Vue的异步组件和webpackde code splitting feature,轻松实现...转载 2018-07-16 16:58:15 · 1229 阅读 · 0 评论 -
vue使用Mint UI的Navbar时默认展示项
遇到的问题:Mint UI的Navbar时,默认展示的项,直接copy的Mint UI组件库代码,初始化数据的时候 给 selected初始值为数值型1,然后页面怎么都不能默认展示,怎么试都不灵,后查了很多,才知道,这要初始个字符串1;希望看到的人少走弯;<template> <div class="nav-wrap"> <mt-navb...原创 2018-06-08 19:52:10 · 4746 阅读 · 1 评论 -
Vue:router的beforeEach与afterEach钩子函数
在路由跳转的时候,我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。定义:路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。总体来讲vue里面提供了三大类钩子,两种函数1、全局钩子2、某个路由的钩子3、组件内钩子两种函数:1、Vue.beforeEach(function(to,form,next){}) /在跳转之前执行/2.Vue.afte...转载 2019-06-19 09:24:23 · 548 阅读 · 0 评论