vue
indd
csdn 广告太多
展开
-
vue使用keep-alive实现数据缓存不刷新
1、keep-alive要配合router-view使用,这里要注意一点就是,keep-alive本身是vue2.0的功能,并不是vue-router的,所以再vue1.0版本是不支持的。keep-alive官方文档点这里,代码实现如下,router-view是在入口APP.vue里面.<template> <div id="app"> <keep-...转载 2018-06-11 20:35:55 · 2326 阅读 · 0 评论 -
VUE组件汇总
内容UI组件开发框架实用库服务端辅助工具应用实例Demo示例UI组件element ★13489 - 饿了么出品的Vue2的web UI工具套件Vux ★8133 - 基于Vue和WeUI的组件库iview ★6634 - 基于 Vuejs 的开源 UI 组件库mint-ui ★6253 - Vu...转载 2018-06-11 20:41:49 · 5804 阅读 · 1 评论 -
Vue.js中 watch 的高级用法
假设有如下代码:<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p></div>new Vue({ el:转载 2018-06-11 20:43:55 · 2319 阅读 · 0 评论 -
Vue2技术栈归纳与精粹
Vue2技术栈归纳与精粹 https://uinika.github.io/web/vue.html转载 2018-06-11 22:42:15 · 293 阅读 · 0 评论 -
vue的传参方式和router使用技巧
vue传参方法一https://www.cnblogs.com/luozhixiang/p/9072441.html1,路由配置 { path: '/describe/:id', name: 'Describe', component: Describe }...转载 2018-06-05 20:40:00 · 1034 阅读 · 0 评论 -
Vuejs 插件开发
by yugasun from yugasun.com/post/you-do…本文可全文转载,但需要保留原作者和出处。初识插件虽然 Vue.js 已经足够强大了,但是在实际开发中,我们还是需要引入各种模块来实现我们的功能需求,或者给全局的 Vue 对象添加一些全局功能,而 Vue 插件 就是来帮助我们完成这项工作的。开发插件Vuejs 插件范围没有限制,一般有以下几种:添加全局方法或者属性,如:...转载 2018-06-05 21:01:34 · 1014 阅读 · 0 评论 -
vue使用技巧
这里给大家分享一下vue中的一些技巧,希望对大家有用处。(话不多说上代码)https://www.tuicool.com/articles/UNJVryR1,vue路由拦截浏览器后退实现表单保存类似需求(为了防止用户突然离开,没有保存已输入的信息。)//在路由组件中:mounted(){},...转载 2018-06-05 21:04:31 · 258 阅读 · 0 评论 -
Vue的这些小技巧
前言用Vue开发一个网页并不难,但是也经常会遇到一些问题,其实大部分的问题都在文档中有所提及,再不然我们通过谷歌也能成功搜索到问题的答案,为了帮助小伙伴们提前踩坑,在遇到问题的时候,心里大概有个谱知道该如何去解决问题。这篇文章是将自己知道的一些小技巧,结合查阅资料整理成的一篇文章,如果喜欢的话可以...转载 2018-06-05 21:15:42 · 1421 阅读 · 1 评论 -
Vue 项目里戳中你痛点的问题及解决办法
最近要求使用vue进行前后端分离开发微信公众号,不断摸索踩坑之后,总结出如下几点vue项目开发中常见的问题及解决办法。如果你是vue大佬,请忽略小弟的愚见^V^列表进入详情页的传参问题。本地开发环境请求服务器接口跨域的问题API接口的统一管理UI库的按需加载定时器问题rem文件的导入问题Vue-Awesome-Swiper基本能解决你所有的轮播需求打包后生成很大的.map文件的问题fastClic...转载 2018-07-04 16:25:32 · 870 阅读 · 0 评论 -
Vue 组件 .sync 修饰符
今天看vue官网的sync修饰符有点不理解,发现这篇解决了我的疑惑,故转载一下<div id="app"> <div>父组件bar: {{bar}}</div> <comp :foo.sync=...转载 2018-07-27 10:03:49 · 971 阅读 · 0 评论 -
Vue 知识总结
基于vue 2+ 写一份知识总结,可以说是学习笔记目录:一、vue实例的基本结构二、vue事件处理、绑定属性三、vue指令、自定义指令四、vue过滤器五、vue数据监听六、vue组件七、vue-router八、axios一、Vue 实例的基本结构Vue官网API <div id="app"> <p>{{msg}}<p> ...转载 2019-01-22 09:42:09 · 649 阅读 · 0 评论 -
Vue 过滤器使用
1、过滤器1.1 过滤器科用在两个地方:双花括号插值 和 v-bind 表达式 中。过滤器应该被添加在js表达式的尾部,由管道符号指示// 双花括号中{{ message | capitalize }}// 在v-bind 中<div v-bind:id=" rawId | formatId"></div>1.2 定义过滤器1.2....转载 2019-03-01 17:42:14 · 604 阅读 · 0 评论 -
vscode
一、使用说明任何插件本身的问题,请到对于代码仓库提交issue相似功能的插件,不推荐全都装上,请挑选一个使用 本列表所有插件均已测试使用过,但不代表不存在问题二、拓展名称简述Auto Close Tag自动闭合HTML标签Auto Importimport提示Auto Rename Tag修改HTML标签时,自动修...转载 2019-04-28 20:10:53 · 1339 阅读 · 0 评论 -
Vue.use()详解
问题相信很多人在用Vue使用别人的组件时,会用到 Vue.use() 。例如:Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios时,就不需要用 Vue.use(axios),就能直接使用。那这是为什么呐?答案因为 axios 没有 install。什么意思呢?接下来我们自定义一个需要 Vue.use() ...转载 2019-04-24 15:32:31 · 1338 阅读 · 0 评论 -
转载一篇关于vue去掉#打包上线的问题
这个问题着实难缠,贴个地址,仔细琢磨去吧https://blog.csdn.net/lensgcx/article/details/78439514原创 2018-05-03 20:19:51 · 6735 阅读 · 0 评论 -
Vue相关开源项目库汇总(史上最全)
目录UI组件 开发框架实用库服务端辅助工具应用实例Demo示例 UI组件element ★13489 - 饿了么出品的Vue2的web UI工具套件Vux ★8133 - 基于Vue和WeUI的组件库iview ★6634 - 基于 Vuejs 的开源 UI 组件库mint-ui ★6253 - Vue 2的移动UI元素muse-ui ★3705 - 三端样式一致的响应式 UI转载 2017-12-25 14:30:33 · 4683 阅读 · 1 评论 -
vue 指令基本使用
目录(?)[+]指令常用指令v-textv-htmlv-bindv-on事件修饰符v-modelv-forkey属性样式处理 -class和stylev-if 和 v-show提升用户体验v-cloak提升性能v-pre提升性能v-once指令解释:指令 (Directives) 是带有 v- 前缀的特殊属性作用:当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM常用指令v-textv转载 2017-12-25 14:41:52 · 415 阅读 · 0 评论 -
Vue2.0生命周期
Vue一共有10个生命周期函数,我们可以利用这些函数在vue的每个阶段都进行操作数据或者改变内容。其实在Vue的官网有一张图已经很好的诠释了生命周期,我在这里就不再多讲了,直接贴图,然后上程序代码。 我们直接来看一段代码:转载 2017-12-25 15:02:14 · 225 阅读 · 0 评论 -
Vue全家桶实现一个购物Web App
好的生活,聚集美丽,成人之美!从现在做起!http://www.tuicool.com/articles/EBbmAjr效果预览:point_right:预览地址: 请点我!在线预览,手机浏览或切换浏览器移动调试PS:google浏览器在切换不同的手机测试,需要重新刷新页面;安卓手机可能不适应:point_right:源码地址: Github在这里项目描述技术栈Vue2.0全家桶 + axi转载 2017-12-25 15:05:44 · 700 阅读 · 0 评论 -
基于 Vue 全家桶制作的移动端音乐 WebApp
GitHub: https://github.com/bxm0927/vue-music-webapp项目演示地址: https://bxm0927.github.io/vue-music-webapp/dist/ (在 GitHub Pages 中,通过 jsonp 请求的数据会被正常渲染,而由于无 node 服务,通过 axios 请求的数据不会被正常渲染)基于 Vue 全家桶 (2.x) 制作转载 2017-12-25 15:09:47 · 7509 阅读 · 2 评论 -
基于Vue全家桶制作的的高仿美团APP
鸣谢:该项目核心部分参考了 慕课网精英讲师ustbhuangyi的课程 ,其余部分 高仿美团APP构建。转载http://www.tuicool.com/articles/ZB7Z3qZ前端菜鸟项目,大佬们轻喷~美团外卖APP:point_right: 项目演示地址: http://39.108.232.27:9000:point_right: GitHub: https://github.com/转载 2017-12-25 15:12:57 · 3424 阅读 · 0 评论 -
vue开发看这篇文章就够了
参考链接:https://segmentfault.com/a/1190000012692321转载 2018-01-13 10:09:37 · 387 阅读 · 0 评论 -
vue-awesome-swiper组件不能自动播放和导航器小圆点不显示问题
折腾一个多小时,怪了,以前也是这样用的,为什么想在不行了呢? 问题是使用vue-awesome-swiper组件时不能自动轮播和导航器小圆点不显示 犯了一个想当然的错误!经验不等于知识,知识是在改变的一个轮播图组件可能是这样的 npm i --save-dev vue-awesome-swipermain.js里面 im原创 2018-01-15 11:17:18 · 12221 阅读 · 2 评论 -
better-scroll&vue实现上拉加载更多下拉刷新
在我们日常的移动端项目开发中,处理滚动列表是再常见不过的需求了,以滴滴为例,可以是这样竖向滚动的列表,如图所示:http://www.tuicool.com/articles/ueaYBjZ也可以是横向滚动的导航栏,如图所示:可以打开“微信 —> 钱包—>滴滴出行”体验效果。我们在实现这类滚动功能的时候,会用到我写的第三方库,better-scroll。什么是 better-scroll转载 2018-01-16 10:28:13 · 25069 阅读 · 2 评论 -
vue工具集
Vue开源项目库汇总 UI组件element ★9305 - 饿了么出品的Vue2的web UI工具套件Vux ★6802 - 基于Vue和WeUI的组件库mint-ui ★4776 - Vue 2的移动UI元素iview ★4458 - 基于 Vuejs 的开源 UI 组件库Keen-UI ★2363 - 轻量级的基本UI组件合集vue-materi转载 2018-01-16 10:58:06 · 586 阅读 · 0 评论 -
vuex基本使用
今天试了一下Vuex,感觉跟Redux的实现思想类似。再此,简单地总结一下。什么是Vuex在Vue中,多组件的开发给我们带来了很多的方便,但同时当项目规模变大的时候,多个组件间的数据通信和状态管理就显得难以维护。而Vuex就此应运而生。将状态管理单独拎出来,应用统一的方式进行处理,在后期维护的过程中数据的修改和维护就变得简单而清晰了。Vuex采用和Redux类似的单向数据流的方式来管理数据转载 2018-01-16 22:15:24 · 1409 阅读 · 0 评论 -
vue音乐webApp案例分析总结
看了慕课网的vue音乐webApp实战,感觉自己学到了很多东西,无论对vue的整体架构和组件设计都有了清晰的认识,在以后的工作中对组件封装时可能会考虑的多一些,能够有效的掌握组件的边界条件,分清木偶组件和智能组件,合理的实现组件间的参数传递,另外对单项数据流的理解也有一定的认识,类比自己以前做的angularJs的双向数据绑定的实现,确实感觉到组件的易维护和可复用性的重要。 由...原创 2018-03-01 12:39:59 · 1537 阅读 · 0 评论 -
vuex初解析
今天试了一下Vuex,感觉跟Redux的实现思想类似。再此,简单地总结一下。什么是Vuex在Vue中,多组件的开发给我们带来了很多的方便,但同时当项目规模变大的时候,多个组件间的数据通信和状态管理就显得难以维护。而Vuex就此应运而生。将状态管理单独拎出来,应用统一的方式进行处理,在后期维护的过程中数据的修改和维护就变得简单而清晰了。Vuex采用和Redux类似的单向数据流的方式来管理数据。用户界面转载 2017-12-25 10:48:03 · 319 阅读 · 0 评论