随笔分类 - Vuejs
1
摘要：问题描述 这是因为我们设置了命名空间namespaced: true, 在 "vuex" 官网中对命名空间的描述如下： 默认情况下，模块内部的 action、mutation 和 getter 是注册在全局命名空间的——这样使得多个模块能够对同一 mutation 或 action 作出响应。 如果
阅读全文
摘要：防抖和节流的目的都是为了减少不必要的计算，不浪费资源，只在适合的时候再进行触发计算。 一、函数防抖 1. 定义 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时；典型的案例就是输入搜索：输入结束后n秒才进行搜索请求，n秒内又输入的内容，就重新计时。 2. 实现原理 函数防抖的基本思想
阅读全文
摘要：基于vuecli3构建的一个快速开发h5 APP的模板，集成了高德地图、mint ui，以及antv f2可视化框架 vue cli3安装 1. 查看vue cli版本 vue version 2. 要求nodejs版本8.9以上 3. 如安装了旧版，使用npm uninstall vue cli
阅读全文
摘要：先看最后实现的效果图 高德地图api文档 https://lbs.amap.com/api/javascript api/summary 使用 1、在index.html里面引入高德地图js文件 2、引入之后我们就直接可以在vue组件里面使用了 创建initMap方法，在mounted钩子函数中调用
阅读全文
摘要：前天遇到个坑，把我给坑死了 ，在帮朋友做一个微信公众号的项目，使用的vue全家桶，有个模块需要用到数据可视化展现，之前做项目的时候用过antv，比较熟悉，因为是移动端的项目，所以用的是antv f2这个可视化框架，按照之前写的方式都做完之后，最后发现下面出现了两个相同的legend，找了半天也没发现
阅读全文
摘要：应用场景 需要在视图更新之后，基于新的视图进行操作 文档说明 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM nextTick原理 1、异步说明 Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新 2、
阅读全文
摘要：安装 然后在main.js中引入 下拉刷新上拉加载更多数据 top method绑定的是下拉刷新触发的方法 bottom method是上拉加载触发的方法 bottom all loaded绑定的是否已加载完全部数据 ，默认为false，如果全部加载完数据之后，将allLoaded设置为true，这
阅读全文
摘要：问题分析： 一般第三方ui框架用的都是不同的适配方式，如果我们使用了vw适配，那么在使用mint ui框架时，就会发现px单位会被转换成vw，从而导致样式变小的问题，如图 解决方案 网上看到了很多种解决方案，这里推荐第四种 1、重写第三方组件ui样式大小 2、在postcss.config.js中的
阅读全文
摘要：前言 关于checkbox多选框是再常见不过的了，几乎很多地方都会用到，这两天在使用vue框架时需要用到checkbox多选功能，实在着实让我头疼，vue和原生checkbox用法不太一样， 之前对于vue中用到过的checkbox也只是别人写好的组件，这次在自己实现时走了很多坑，特意写这篇文章记录
阅读全文
摘要：前言 上篇文章中，已经使用vue实现前端分页效果，这篇文章我们单独将分页抽离出来实现一个分页组件 先看实现效果图 代码实现 按照惯例，我们在冻手实现的时候还是先想一想vue实现组件的思路 1、需要提前设定哪些参数需要暴露出来给父组件传递 2、再一个就是涉及到的父子组件通信 这里主要通过props向子
阅读全文
摘要：前言 最近在接手一个后台管理项目的时候，由于之前是使用jquery+bootstrap做的，后端使用php yii框架，前后端耦合在一起，所以接手过来之后通过vue进行改造，但依然继续使用的bootstrap框架，所以需要使用到vue来实现前端的分页效果。 先看实现效果图 代码实现 分析一下，我们想
阅读全文
摘要：写在前面 之前写过一篇关于vue实现dialog会话框组件的文章 "http://www.cnblogs.com/fozero/p/8546883.html" ， 讲到了如何实现一个vue对话框组件，其中涉及到了父组件和子组件的通信，这个不用多说，看我之前的文章就能明白，文章最后也说到了，我们可以使
阅读全文
摘要：vuejs介绍 Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。 如果你之前已经习惯了用jQuery操作DOM，学习Vue.js时请
阅读全文
摘要：写在前面 对话框是很常用的组件 ， 在很多地方都会用到，一般我们可以使用自带的alert来弹出对话框，但是假如是设计 出的图该怎么办呢 ，所以我们需要自己写一个对话框，并且如果有很多地方都用到，那我们很有必要写成一个通用 的组件形式，在需要的地方之间引用。 现在我们来动手实现一个对话框组件 ，按照之
阅读全文
摘要：前几天在做h5活动页面的时候,有这样一个需求 上面的活动排行点击查看历史排行数据，弹出日期选择框，如下图 点击要查看的日期排行数据，这里需要对还没到的日期做处理，让用户不能选择，只可选择今天或者之前的日期 那这个功能怎么实现，主要有以下几个点： 1.点击日期单选功能，添加选中样式 我们先在li元素上
阅读全文
摘要：概述及使用场景 Vuex 是一个主要应用在中大型单页应用的类似于 Flux 的数据管理架构。它主要帮我们更好地组织代码，以及把应用内的的状态保持在可维护、可理解的状态。 但如果是简单的应用 ，就没有必要使用vuex来管理状态了， 只会增加应用的复杂性 ，一个简单的应用完全可以使用$emit这种方式就
阅读全文
摘要：1.共同点 都是动态显示DOM元素 2.区别 （1）手段：v if是动态的向DOM树内添加或者删除DOM元素；v show是通过设置DOM元素的display样式属性控制显隐； （2）编译过程：v if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件；v show只是
阅读全文
摘要：在线查看效果 https://jsfiddle.net/fozero/npxo3ryq/1/
阅读全文
摘要：爱编程爱分享，原创文章，转载请注明出处，谢谢！http://www.cnblogs.com/fozero/p/6185492.html 一、介绍 vue.js 是 目前 最火的前端框架，vue.js 兼具 angular.js 和 react.js 的优点，并剔除它们的缺点 并且提供了很多的周边配套
阅读全文
摘要：爱编程爱分享，原创文章，转载请注明出处，谢谢！http://www.cnblogs.com/fozero/p/6170706.html 1、通过Script引入Vuejs框架 2、实例化Vue并配置Vue选项 说明： 选项中的el属性绑定页面中id为app的div Vuejs框架提供一系列钩子函数
阅读全文
1
