![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 64
AboyL
zzz
展开
-
Vue搭配cordova创建移动端项目遇到的路径问题
使用Vue的教授叫vue-cil创建项目以后,如果我们想进行打包成一个hybrid项目应该怎么做呢?这个时候我们需要全局安装cordova,然后进行打包。但是这里我们要注意一些路径问题。 首先我们要明白的是,cordova打包打包的是那些内容?cordova打包的是www文件夹下的内容,也就是说,我们的内容应该都在www文件夹下面,而我们的源代码要放到src下面去,vue-cil的index.h...原创 2018-06-07 23:21:58 · 1845 阅读 · 0 评论 -
Vue简易三页轮播图实现
实现效果点击切换。可移动一个单位下面我们思考我们的组件使用形式 <base-swiper class="swiper"> <base-swiper-item v-for="item of list" :key="item" :gap="10"> <div class="box">原创 2019-01-02 23:41:17 · 4228 阅读 · 1 评论 -
如何实现一个简单的vue服务---以图片点击放大为例子
我们使用Vue的组件,通常是使用引入,然后写在template里面的做法<component :props>但是很多的时候,我们其实并不喜欢这样做,而是通过服务进行组件的调用,比如loading,比如alert。如果我们每次loading我还要去写一个组件,那么肯定是很繁琐的。比如element里面我们都可以使用this.$loading这种形式来显示loading但是...原创 2019-01-02 21:27:27 · 626 阅读 · 0 评论 -
AOP与设计模式以及Vue
我们在上节中提到了,我们的代码实现还是存在问题,这个问题在哪里?这个是需要去结合vue来看的,因为我写这个东西的时候就是希望在vue中使用,如果最后不能再vue中使用那么就没有意义了。而在vue中的使用的实际使用的时候给我出了一个难题,那就是vue的this的执行问题。我们知道vue对自己的实例是做了一层代理的。我们在创建一个vue实例的时候,走的是data:{属性} 但是实际上我们可以通...原创 2018-10-25 23:59:44 · 1405 阅读 · 0 评论 -
Vuex中的action的使用
我们在使用vuex的时候,很多时候都会直接去使用commit代替了dispatch操作,虽然官方的推荐是使用dispatch,但是使用commit也可以,而且很多时候也更加的好写,所以就比较少会去使用dispatch的操作了。但是有的时候,我们还是需要使用dispatch的操作的,这个时候我们就要去设置actions了。 vuex是一个状态管理机制,管理的很多都是我们要公用的数据,在这个组件会用...原创 2018-09-15 15:28:26 · 8251 阅读 · 0 评论 -
vue中v-model在组件中的使用
关于这点其实没有特别多需要讲的点。但是最近写组件的时候感觉v-model如果使用得好其实是可以减少很多的问题的,虽然对高手们来说这些使用方式是很常见的,但是对刚刚接触vue的人,如果能知道v-model在组件中的正确使用方式,其实是可以大幅度提高自己的组件质量的。首先我们要明确的是,我们所写的组件是有两种类型的,一种是共用的组件,比如共用的 common-header co...原创 2018-07-28 11:13:43 · 2947 阅读 · 0 评论 -
vue组件---环形进度条组件
在做项目的时候,最好只使用一套组件库,但是很多时候我们的组件库里面没有我们需要的组件,这个时候我们还是需要自己写组件了,vux里面就没有环形进度条组件,所以需要自己写一个。 查找资料后发现了一个很好的实现方式,通过svg来实现,以前的时候学过一点svg但是没有怎么深入了解过。。。现在看来真是罪过,给出参考链接 https://segmentfault.com/a/119000000814940...原创 2018-07-09 20:49:33 · 8857 阅读 · 3 评论 -
vue样式穿透问题
今天在写项目的时候需要去修改一个引入的组件的样式,因为使用的是stylus,所以就可以用>>>进行穿透,但是一开始的时候失败了,后来才发现问题在于两点。一是不可以使用层叠,也就是不可以使用.class >>> .class { .class{}}只可以使用一级也就是.swiper >>> .vux-icon-...原创 2018-07-09 20:43:05 · 2314 阅读 · 0 评论 -
vue慕课网去哪儿实战项目笔记
1、移动端300ms点击延迟问题在移动端web中会遇到300ms点击延迟的问题,这个时候可以使用fastclick来解决这个问题。 引入fastclikcimport FastClick from 'fastclick'使用fastclickFastClick.attach(document.body)2、注意当网速过慢的时候获取资源导致的页面抖动问题如果网速过慢。比...原创 2018-06-07 17:25:46 · 3906 阅读 · 2 评论 -
vue动画切换出现白屏问题
参考 https://github.com/feather-components/app-transition/blob/master/app-transition.vue https://vue-js.com/topic/58c793f4a476ff9533840114使用animate.css的一些动画的时候,会出现白屏效果,比如 bounceInRight这些 原因是因为 这些...原创 2018-06-08 00:06:01 · 5891 阅读 · 0 评论 -
vscode中实用eslint与vetur来规范vue项目
现在我们很多项目上都会使用eslint来规范一些写法,这样会使得我们的代码更加的一致,但是很多时候我们并不习惯使用eslint,而且一些eslint的写法虽然好,但是会多一些步骤,比如多写一个空格之类的,而我们平时在写代码的时候,也会借助编辑器的格式化来格式化代码,这样就省去了很多手工操作,但是有的时候编辑器的格式化方式跟eslint冲突,这个时候我们怎么解决呢? 下面介绍vscode下怎么解决...原创 2018-06-07 23:41:55 · 7483 阅读 · 0 评论 -
关于ios的webview中键盘弹出影响布局的解决方案
原文首发简书:原文如果你在开发ios中的webview界面的时候会遇到以下问题,并且没有一个很好的解决方案的时候,可以继续阅读以下的文章,如果已经有了比较好的解决方案,我希望你可以继续阅读以下的内容,并给与我真诚的建议,谢谢!!!问题使用header container footer 三个absolute布局的时候,当键盘弹出的时候,header消失在视图外面当键盘弹出的时候、遮住了最...原创 2019-06-09 11:22:39 · 3868 阅读 · 1 评论