随笔分类 -  vue

d2-admin中那些不错的技巧
摘要:d2-admin基于vue-cli3 路由相关 刷新路由,参照官方 组件内的守卫 但是搞不明白为何加了句 render:h => h() 嵌套路由可以是一个立即执行函数 MOCK数据 安装mock数据: 在vue.config.js中,根据自定义的环境变量,来判断是否安装,默认.env文件,没有这个 阅读全文

posted @ 2019-01-17 16:22 vbyzc 阅读(5113) 评论(0) 推荐(0)

前端mock数据的几种方式
摘要:方式 备注 本地php服务架设 直接输出json 使用在线mock服务 如easyMock、apizza、Rap1\2 , 可以远程协作 本地node服务:koa+mongodb 本地node服务:express+json 本地node服务: json-server ,http-server 可以模 阅读全文

posted @ 2018-12-09 10:37 vbyzc 阅读(1707) 评论(2) 推荐(0)

vue pc端网站项目开发坑点与难度记录
摘要:背景 在一pc端的web项目里,由于某些特性需要由动态语言处理,所以只在有需要使用vue来处理数据的页面,直接引入vue.js来处理。由于刚开始并没有打算使用前端来渲染数据和处理交互,所以使用了一些非vue的ui和插件,导致后来冲突坑点不少。非vue模块化下使用vue,虽然不能import vue文 阅读全文

posted @ 2018-11-30 10:52 vbyzc 阅读(5852) 评论(0) 推荐(0)

vue单页应用中 返回列表记住上次滚动位置、keep-alive缓存之后更新列表数据 那点事
摘要:实践场景需求 产品列表中,滚动到一定位置的时候,点击查看产品信息,后退之后,需要回到原先的滚动位置,这是常见的需求 所有页面均在router-view中,暂时使用了keep-alive来缓存所有页面,所以进入不同分类的产品列表,和不同的产品详情页面,需要更新数据 首先注意: 本次实践测试环境为pc端 阅读全文

posted @ 2018-11-13 15:41 vbyzc 阅读(3210) 评论(0) 推荐(0)

Vue项目实践中的功能实现与要点
摘要:本贴记录项目实践中,各种功能的实现与技术要点,均有待改进。 路由切换的时候,显示loading动画 目前方案是: 在每个页面都手动装载一个loading组件组件的显示依赖vuex里面的一个值 , 在router的beforeEach事件里面控制loading的状态 main.js的router.be 阅读全文

posted @ 2018-09-13 18:05 vbyzc 阅读(302) 评论(0) 推荐(0)

vue插件开发实践与要点
摘要:其实就跟组件差不多意思,组件也可以实现相关的效果,但要在用到的地方都引用插件就可以全局注册,不需引用 试着撸一个插件,有2个功能,提示和对话框 网上找了个toast插件的代码,改了改,扩展加了个dialog,增加了注释 插件文件结构: 在入口文件中注册: 调用方式: toast.vue: dialo 阅读全文

posted @ 2018-08-22 11:59 vbyzc 阅读(329) 评论(2) 推荐(0)

vue实战之狗血事件:页面loading效果诡异之事
摘要:接上回 想加一个切换路由时,跳出一个loading动画 ,路由加载后就消失 先做了一个loading提示的浮动层的组件,全局注册,在几个路由页面都引入 在vuex里面维护一个变量比如isLoading:false,用于是否显示loading组件 在loading组件中以computed方式自动依赖这 阅读全文

posted @ 2018-08-19 14:22 vbyzc 阅读(1127) 评论(0) 推荐(0)

vue实践中的狗血事件之:mock数据引发的血坑
摘要:在项目实践中,遇到了这么一档子事 开发环境下,很快乐,什么事儿都没有,于是想打包一下测一下自动登录的效果 好家伙,一开始登录没有效,改来改去,最后连路由都切换不了, 明明开发环境下好好的,为毛打包后就不行了 折腾了半天,终于找到原因:ajax请求数据搞的鬼 情况如下: 开发环境下用express模拟 阅读全文

posted @ 2018-08-18 11:00 vbyzc 阅读(1103) 评论(0) 推荐(0)

记关于vue-cli3 本地代理模拟数据的实践
摘要:网上说的基本都是使用express或http-server作为服务器或其它什么东西自己把玩php也有些年头,就用php好了 服务环境 apache,php先配置好隐藏php后缀扩展名: 在httpd.conf中 FilesMatch 标签内增加:ForceType application/x-htt 阅读全文

posted @ 2018-08-01 09:48 vbyzc 阅读(407) 评论(0) 推荐(0)

vue通过extend动态创建全局组件(插件)学习小记
摘要:测试环境:nodejs+webpack,例子是看文章的,注释为自己的理解 创建一个toast.vue文件: 创建一个toast_index.js 最后一步,在入口js文件中: 在任何vue文件中使用它: 总结: 创建的组件的dom结构,直接在body底部插入,在vue的app实例范围外,创建 之后, 阅读全文

posted @ 2018-05-15 12:33 vbyzc 阅读(7603) 评论(0) 推荐(0)

导航