vue

Vue开发规范

前端组件化是现在前端框架中一个非常重要的思想元素,将页面内容进行拆分之后,可独立维护,可复用性大大提高。哪个地方出问题,直接去修改的对应的组件即可。团队人员配置多的时候,你写你的header,我写我的footer。相互不影响,不冲突。而组件的合理拆分,也就变成了衡量水平的一个维度之一。组件其实就是页面组成的一部分,好比...
代码星球·2020-04-08

Vue中swiper手动滑动后不能自动播放的解决方法

用户操作swiper之后,是否禁止autoplay。默认为true:停止。如果设置为false,用户操作swiper之后自动切换不会停止,每次都会重新启动autoplay。操作包括触碰,拖动,点击pagination等。 Swiper3.x<script>varmySwiper=newSwiper...

vue之ajax

【前言】  Vue里发送AJAX有很多工具可以供开发者使用①浏览器自带的fetch函数②vue之前推荐的vue-resource第三方模块③vue官方目前强力推荐的axios第三方模块  axios可以实现跨平台数据请求 【主体】(1)安装axiosnpmiaxios-...
代码星球·2020-04-08

vue中修改swiper样式

问题  vue单文件组件中无法修改swiper样式。解决  1,单文件组件中:新增一个style不加scoped让它最终成为全局样式。只在其中操作swiper的样式。<stylelang="scss">.swiper-container{.swiper-pagination{.swiper-paginati...
代码星球·2020-04-08

vue-cli3.0结合lib-flexible、px2rem实现移动端适配,完美解决第三方ui库样式变小问题

公司最近做的一个移动端项目从搭框架到前端开发由我独立完成,以前做移动端适配用的媒体查询,这次想用点别的适配方案,然后就采用了vue-cli3.0结合lib-flexible、px2rem实现移动端适配的方案,开发过程中也遇到一些坑,自己选的方案自己填坑吧。以下记录我的项目框架搭建及填坑方案。搭建可以参考我的另一篇文章v...

vue使用swiper模块滑动时报错:[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example becaus

报错:vue报这个错[Intervention]Ignoredattempttocancelatouchmoveeventwithcancelable=false,forexamplebecausescrollingisinprogressandcannotbeinterrupted方案1:使用css3touch-ac...

vue 项目中安装npm--save-dev 和 --save 命令

在vue项目中我们常用npminstall安装模块或插件有两种命令把他们写入到package.json文件里面去例如安装axios安装到开发环境npmaxios--save-dev安装到生产环境npmaxios--save在package.json文件里可以看到,使用--save-dev安装的插件,被写入到devDep...

vue项目积累

(1)--save和--save-dev安装到开发环境npmaxios--save-dev安装到生产环境npmaxios--save    ....
代码星球·2020-04-08

Vuex之辅助函数

mapState、mapGetters、mapActions如果我们不喜欢这种在页面上使用“this.$stroe.state.count”和“this.$store.dispatch('funName')”这种很长的写法,那么我们可以使用mapState、mapGett...
代码星球·2020-04-08

vue-router有哪几种导航钩子?(具体怎么用的)

三种,第一种:是全局导航钩子:router.beforeEach(to,from,next),作用:跳转前进行判断拦截。第二种:组件内的钩子第三种:单独路由独享组件      ....

vue全家桶面试

 vue:主要Vue​vue-router:关于路由方面的配置​vuex:数据共享和缓存用​vue-resource:于后台交互用(现在改为axios但是axios不是Vue里面的东西)​vue-cli:快速创建项目的脚手架     ....
代码星球·2020-04-08

Vue之Action

(1)同步与异步   在mutation中混合异步调用会导致你的程序很难调试。  例如,当你调用了两个包含异步回调的mutation来改变状态,你怎么知道什么时候回调和哪个先回调呢?  这就是为什么我们要区分这两个概念。在Vuex中,mutation...
代码星球·2020-04-08

Vuex相关

你知道路由钩子吗?路由钩子分为全局钩子、路由独享钩子、组件内钩子,全局钩子用来拦截所有的路由的,进行处理,路由独享钩子,本质上和后面的组件内钩子是一样的。都是特指的某个路由。不同的是,这里的一般定义在router当中,而不是在组件内。组件内钩子,是将钩子函数定义在组件内部了项目中如果涉及多个组件数据共享你如何解决?可以...
代码星球·2020-04-08

Vuex之Mutation

【前言】   数据在页面是获取到了,但是如果需要修改count值怎么办?更改Vuex的store中的状态的唯一方法是提交mutation。Vuex中的mutation非常类似于事件:每个mutation都有一个字符串的 事件类型(type) 和一个 回调函数(...
代码星球·2020-04-08

Vuex之store仓库计算属性Getter

(1)简介  Getter相当于vue中的computed计算属性,getter的返回值会根据它的依赖被缓存起来,且只有当它的依赖值发生了改变才会被重新计算,这里可以通过定义vuex的Getter来获取,Getters可以用于监听、state中的值的变化 (2)设置-----------文...