随笔分类 - Vue
1
摘要：使用vue全家桶以及v-charts和datav实现一个github可视化大数据界面展示，没有设计搞的原因，只能忽略设计编写一下界面， 用户只需要登录的时候填写自己github用户名。就可以看到数据展示 在登录的时候，可能会存在登录失败，可能造成的原因是网络不稳定， 最终界面展示效果 功能实现 -
阅读全文
摘要：10月16日，官方发布消息称Vue-cli 4.0正式版发布,并且强烈建议升级;小编也是刚刚安装了最新版本的脚手架看看更新了什么 安装和vue-cli3.0的是一模一样的，对比了一下3.0的脚手架，除了目录发生变化一些，其他的都一样 安装步骤和vue-cli3.0的一模一样 1.创建项目 defau
阅读全文
摘要：在一些app场景中，经常看到app里面嵌套H5页面， 安卓和ios提供一个空壳子，方法两者互相调用。上一周就是写H5页面让安卓和ios调用使用，中间传参，接受参数。通过 window.wx 对象调用一些原生 app 的功能。这个H5页面，我用的是vue来写的。用到了vue全家桶。 1.调用app方法
阅读全文
摘要：今天被这个关于m3u8视频播放不了搞了一下午，这个项目所有的视频流都是m3u8格式的，后台给我们返回的都是m3u8格式的视频流，解决了好长时间，看了好多博客，只有这个博客给我点启发，去解决这个问题，请查看。会使用两种方法来解决这个问题 第一种方法 1.在vue中安装下面这些插件 网上有说video.
阅读全文
摘要：在vue项目中，每次和后台交互的时候，经常用到的就是axios请求数据，它是基于promise的http库，可运行在浏览器端和node.js中。当项目越来越大的时候，接口的请求也会越来越多，怎么去管理这些接口?多人合作怎么处理?只有合理的规划，才能方便往后的维护以及修改， 安装 安装axios依赖包
阅读全文
摘要：无论是移动端还是pc端登录或者注册界面都会见到手机验证码登录这个功能，输入手机号，得到验证码，最后先服务器发送请求，保存登录的信息，一个必不可少的功能 思路 1，先判断手机号和验证是否为空， 2，点击发送验证码，得到验证码 3，输入的验证码是否为空和是否正确， 4，最后向服务发送请求 界面展示 1.
阅读全文
摘要：在做vue的时候，经常会遇到组件之间数据的传递问题，通过params或者query传参，但是，当页面刷新的时候，数据会丢失，找不到数据。今天经过总结，解决了这个问题。通过了一下几种情况进行传值： 通过路由params传参 通过路由query传参 通过vuex 1.通过params传参 先在路由pat
阅读全文
摘要：1.什么是vuex？ 官方的解释： Vuex是一个专为Vue.js应用程序开发的状态管理模式 当项目比较庞大的时候，每个组件的状态比较多，为了方便管理，需要把组件中的状态抽取出来，放入Vuex中进行统一管理。常用的登录，购物车等一下数据的存储 State：唯一的数据源，我们需要把任何一个组件中需要抽
阅读全文
摘要：通过自己所学的这段时间，利用空余时间，使用vue3.0脚手架搭建的一个关于后台的管理模板，所实现功能也是模仿一个后台的界面，数据分为两种存放，一种是直接存储到mlab,这里的数据是存放这登录注册，只有注册了自己的账号才能访问到页面，另一些数据直接存放在easy-mock里， 源码地址:https:/
阅读全文
摘要：前端工作量最多的就是需求，需求就是一直在变，比如当前端数据写完之后，需要用Excel把数据下载出来。 第一步安装依赖包,需要把代码下载你的项目当中 cnpm install file-saver cnpm install xlsx cnpm install script-loader 第二步在项目中
阅读全文
摘要：前言 我们将会选择使用一些 vue 周边的库vue-cli, vue-router,axios,moment,Element-ui搭建一个前端项目案例，后端数据接口，会使用json-server快速搭建一个本地的服务，方便对数据的增删改查， 利用以上技术我们会搭建一个vue案例，效果展示图： 以上就
阅读全文
摘要：token一种身份的验证，在大多数网站中，登录的时候都会携带token，去访问其他页面，token就想当于一种令牌。可以判断用户是否登录状态。本次页面是通过Element-ui搭建的登录界面 当用户登录的时候，向后端发起请求的时候，后端会返回给我一个token，前端可以进行校验，进行处理token
阅读全文
摘要：在做移动端商城或者其他页面的时候，经常会遇到左右联动的效果，今天小编vue2.0和better-scroll这个插件一起实现左右联动效果。 实现上面的效果，思路一定很重要，还有需求 1. 左边一级分类和右边二级分类形成联动 2. 当滑动右侧分类列表时, 更新左侧分类选中 3. 点击左侧一级分类项时,
阅读全文
摘要：使用vue2.0写移动端的时候，经常会写底部导航效果，点击切换路由效果，实现图片和文字颜色切换。vue2.0也提供了很多ul框架供我们实现效果，今天就用原生的实现一个底部导航切换，直接上代码： 效果图 路由搭建 页面模板搭建，src和on都要动态的绑定，使用三目运算判断每次点击切换 在data里面定
阅读全文
摘要：当我们向后台请求大量数据的时候，并要在页面展示出来，请求的数据可能上百条数据或者更多的时候，并不想在一个页面展示，这就需要使用分页功能来去完成了。 1.本次所使用的是vue2.0+element-ui实现一个分页功能，element-ui这个组件特别丰富，分页中给我提供了一个Pagination 分
阅读全文
摘要：成果展示 最后的成果就是下面所展示的内容，因为gif图没有做，只能截图所展示，接下来，会带着大家一步一步的完成下面功能，脚手架搭建和node安装在本次案例不会讲解，如果了解，可以在我的博客园找到有详细介绍 准备工作： 引入axios插件，调用better-scroll第三方插件，本地json文件，可
阅读全文
摘要：购物车功能是一件比较繁琐的事情，逻辑功能太多，今天就用vue2.0实现一个简单的购物车功能，数据都本地自己写的假数据 功能列表： 1、全选和单选结算 2、减少和增加数量 3、商品的删除 界面搭建以及布局，这里，我直接用bootstrap快速搭建的一个简单的布局 所有的数据都是自己本地写的 计算属性：
阅读全文
摘要：当内容没有加载完的时候，用户体验不是很好，这时候，可以使用lazyload这个插件，提升用户体验，使用方法特别简单易用 一. vue lazyload插件： 插件地址：https://github.com/hilongjw/vue-lazyload 二. 简单使用实例： 其实这个插件做简单使用的话是
阅读全文
摘要：介绍 Vue.js是一套构建用户界面的渐进式框架。Vue 只关注视图层，采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 安装node.js 从node官网下载并安装node，安装步骤很简单，只要一路“next”就可以了。安装完成后，打开命令
阅读全文
摘要：在项目中，为了方便我们工作和开发效率，常常引入一些框架来帮助我们完成高效的工作，今天我们就用vue来搭建一下框架，并且引入element-ui这个框架。安装流程也是我从失败中摸索到的，希望能帮助大家。 1.我们先安装vue脚手架 cnpm install vue-cli -g 全局安装 我使用的是c
阅读全文
1
浙公网安备 33010602011771号