您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. crabMusic播放器

  2. 主要技术: 使用Vue.js实现单页应用 使用vue-router处理路由 使用axios请求数据 使用vue-lazyload对图片进行懒加载 使用better-scroll制作轮播图,(加载更多等后续更新...) 用Vuex实现数据存储,管理组件间的状态,实现非父子组件之间的通信
  3. 所属分类:Web开发

    • 发布日期:2018-06-28
    • 文件大小:82837504
    • 提供者:qq_39789497
  1. 2018年最新vue2.5 硅谷外卖视频

  2. 百度云盘链接 项目描述: 01_vue项目_项目功能演示.avi 02_Vue项目_项目开发准备.avi 03_Vue项目_创建项目并运行.avi 04_Vue项目_资源准备.avi 05_Vue项目_项目源码目录设计.avi 06_Vue项目_stylus使用.avi 07_Vue项目_组件化编码.avi 08_Vue项目_引入vue-router.avi 09_Vue项目_FooterGuide组件.avi 10_Vue项目_各导航路由组件(静态).avi 11_Vue项目_HeaderT
  3. 所属分类:Web开发

    • 发布日期:2018-10-16
    • 文件大小:77
    • 提供者:qq_36220216
  1. 在vueclivuerouterwebpack基础上简单修改配置实现根据路由实现代码切割和懒加载

  2. 在vue-cli vue-router webpack基础上简单修改配置实现根据路由实现代码切割和懒加载
  3. 所属分类:其它

    • 发布日期:2019-08-12
    • 文件大小:36864
    • 提供者:weixin_39840588
  1. VUE常用方法整理.pdf

  2. vue的常用方法总结 第一章 Vue核心知识讲解 5 第二节 引包、留坑、实例化 、插值表达式{{}} 5 1. 引包 5 2. 留坑 5 3. 实例化 5 4. 插值表达式{{ }} 5 第三节 熟悉及使用常用指令 5 1. 什么是指令 5 2. 常用的指令有哪些,及怎么使用这些指令 6 第四节 阐述vue单双向数据流及事件绑定 6 1. vue单向数据流绑定属性值 v-bind: (属性) 简写 :(属性) 6 2. vue双向数据流 v-model 只作用于有value属性的元素 7 3.
  3. 所属分类:Web开发

    • 发布日期:2020-03-28
    • 文件大小:1048576
    • 提供者:jobinchan
  1. vue2笔记 — vue-router路由懒加载的实现

  2. 本篇文章主要介绍了vue2笔记 — vue-router路由懒加载示例,实例分析了vue-router路由懒加载的实现,具有一定参考借鉴价值,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-08-31
    • 文件大小:39936
    • 提供者:weixin_38695159
  1. vue-router路由懒加载的实现(解决vue项目首次加载慢)

  2. 主要介绍了vue-router路由懒加载的实现(解决vue项目首次加载慢),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  3. 所属分类:其它

    • 发布日期:2020-10-18
    • 文件大小:49152
    • 提供者:weixin_38711529
  1. Vue.js如何实现路由懒加载浅析

  2. 前言 懒加载也就是延迟加载,不知道大家在工作中有没有发现,当你的SPA(单页应用程序)变得复杂时,打包构建后的Javascr ipt包会变得非常大,以至于严重影响页面的加载时间。幸运的是:vue-router支持WebPack内置的异步模块加载系统。所以,那些使用较少的路由组件不必打包进bundles里,只需要在路由被访问时按需加载。话不多说了,来一起看看详细的实现过程: 使用 假设你的路由配置是这样的: import MainPage from './routes/MainPage.vu
  3. 所属分类:其它

    • 发布日期:2020-12-03
    • 文件大小:57344
    • 提供者:weixin_38633083
  1. 基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果

  2. 效果图如下所示:   在线地址: github.czero.cn/fancy  点击下载安卓apk安装包 源码地址: github.com/czero1995/f… 项目主架构   使用的库 vue-cli (vue+webpack脚手架) vue-router(路由跳转) vuex(状态管理) axios(数据请求) mock.js(模拟后台数据) vue-touch(手势判断) fastclick(解决移动端浏览器 300 毫秒点击延迟问题) vue-l
  3. 所属分类:其它

    • 发布日期:2020-11-28
    • 文件大小:406528
    • 提供者:weixin_38500944
  1. vue-router路由懒加载的实现(解决vue项目首次加载慢)

  2. 在Web应用程序中,系统的瓶颈常在于系统的响应速度。如果系统响应速度过慢,用户就会出现埋怨情绪,系统的价值也因此会大打折扣。因此,提高系统响应速度,是非常重要的。 懒加载(Load On Demand)是一种独特而又强大的数据获取方法,它能够在用户滚动页面的时候自动获取更多的数据,而新得到的数据不会影响原有数据的显示,同时最大程度上减少服务器端的资源耗用。 也叫延迟加载,即在需要的时候进行加载,随用随载。 为什么需要懒加载? 像vue这种单页面应用,如果没有应用懒加载,运用webpack打包后的
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:118784
    • 提供者:weixin_38741950
  1. vue使用技巧及vue项目中遇到的问题

  2. 这里给大家分享一下vue中的一些技巧,希望对大家有用处。(话不多说上代码) 1,vue路由拦截浏览器后退实现表单保存类似需求(为了防止用户突然离开,没有保存已输入的信息。) //在路由组件中: mounted(){ }, beforeRouteLeave (to, from, next) { if(用户已经输入信息){ //出现弹窗提醒保存表单,或者自动后台为其保存 }else{ next(true);//用户离开 } 请参考vue文档全局钩子和组件钩子 2,路由懒加载写法: /
  3. 所属分类:其它

    • 发布日期:2020-12-10
    • 文件大小:66560
    • 提供者:weixin_38572115
  1. vue2笔记 — vue-router路由懒加载的实现

  2. 在Web应用程序中,系统的瓶颈常在于系统的响应速度。如果系统响应速度过慢,用户就会出现埋怨情绪,系统的价值也因此会大打折扣。因此,提高系统响应速度,是非常重要的。 懒加载(Load On Demand)是一种独特而又强大的数据获取方法,它能够在用户滚动页面的时候自动获取更多的数据,而新得到的数据不会影响原有数据的显示,同时最大程度上减少服务器端的资源耗用。 用vue.js写单页面应用时,会出现打包后的Javascr ipt包非常大,影响页面加载,我们可以利用路由的懒加载去优化这个问题,当我们
  3. 所属分类:其它

    • 发布日期:2020-12-09
    • 文件大小:34816
    • 提供者:weixin_38737213
  1. Vue-Cli项目优化操作的实现

  2. 起源 由Vue-Cli(2.X)生成的Vue项目中存在着首屏加载过慢,编译资源过大等问题,主要针对这些问题对项目进行相应的优化,提升项目响应速度,优化项目性能。 操作 路由懒加载 在Vue-router官方文档中有针对懒加载的介绍,主要是将整个大的js进行切片,对当前路由的资源进行一个按需加载。在Vue-cli生成的路由组件引用方法是这样的 import HelloWorld from '/components/HelloWorld' 只需将组件的引用方式改为 const HelloWo
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:52224
    • 提供者:weixin_38645133
  1. vue如何实现自定义底部菜单栏

  2. 最近vue不是特别火,自己想写一个vue 的底部菜单栏,然后试着开始写,起来还是听痛苦的,但是还是写出来,这个过程重查询了一些资料和看了一些视频。 1 写好界面 这是我写好的四个界面 2 在router.js重定义路由 在一级路由下面定义自己tabbr的子路由。 routes: [ { path: '/', name: 'index', component:()=>import('./views/index'), //懒加载引入,路由 children
  3. 所属分类:其它

    • 发布日期:2020-12-12
    • 文件大小:122880
    • 提供者:weixin_38745361
  1. vue实现路由懒加载及组件懒加载的方式

  2. 一、为什么要使用路由懒加载   为给客户更好的客户体验,首屏组件加载速度更快一些,解决白屏问题。 二、定义   懒加载简单来说就是延迟加载或按需加载,即在需要的时候的时候进行加载。 三、使用   常用的懒加载方式有两种:即使用vue异步组件 和 ES中的import 1、未用懒加载,vue中路由代码如下          import Vue from 'vue' import Router from 'vue-router' import HelloWorld
  3. 所属分类:其它

    • 发布日期:2020-12-12
    • 文件大小:43008
    • 提供者:weixin_38535848
  1. Vue按需加载的具体实现

  2. 概念(懒加载) 当打包构建应用时,Javascr ipt包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,嗯,这样就更加高效了。 场景 xxx项目作为一个单页面应用,采用组件化的开发模式,每次启动首页都会加载全部组件,但此时只是访问了首页而已,就造成了大量组件污染加载的情况。 目的 只在访问当前页面时加载对应组件,避免页面组件全部加载。(按需加载) 实现 app.vue router.
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:45056
    • 提供者:weixin_38709312
  1. OneMusic:仿移动端Web App音乐-Vue实现-源码

  2. 音乐 仿移动端音乐Web APP 构建设置 # 安装相关依赖包 npm install # 开发运行 npm run dev # 打包 npm run build # build for production and view the bundle analyzer report npm run build --report 前端技术栈 Vue全家桶 Vue.js框架 Vue.router前端路由 Vue.cli脚手架 威克斯 轴距 相关插件的使用 babel-polyfill babel-ru
  3. 所属分类:其它

    • 发布日期:2021-03-08
    • 文件大小:5242880
    • 提供者:weixin_42103128
  1. vue-spa-project:vue.js + vuex + vue-router +提取+ element-ui + es6 + webpack +模拟纯前端SPA项目开发实践-源码

  2. 温泉项目 基于vue.js技术栈,采用MVC等分层结构设计,数据解压缩设计,组件化和自动化构建的单页应用项目。 技术栈 vue.js(2.4) vuex(状态管理) vue-router(前端路由,异步加载) fetch(替代ajax,更高效地进行网络请求) element-ui(基于vue的PC端UI组件库) Webpack(自动构建) Babel预编译(ES6,SCSS等),和异步组件实现路由懒加载 ESlint代码质量控制,所有代码编写必须遵循标准规范才能通过编译,并避免一些低
  3. 所属分类:其它

    • 发布日期:2021-02-01
    • 文件大小:220160
    • 提供者:weixin_42142062
  1. vue路由懒加载的实现方法

  2. 本文介绍了vue的路由懒加载,分享给大家,具体如下: 我们可以把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件。 component可以是一个箭头函数,我们可以使用动态 import语法来定义代码分块点; 如果想在network里面看到动态加载的组件名字,可以加webpackChunkName; 同时要在webpack.base.conf.js里面的output里面的filename下面加上chunkFileName 代码 // router里面的in
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:36864
    • 提供者:weixin_38735570
  1. vue路由前进后退动画效果的实现代码

  2. vue-route-transition vue router 切换动画 特性 模拟前进后退动画 基于css3流畅动画 基于sessionStorage,页面刷新不影响路由记录 路由懒加载,返回可记录滚动条位置 前进后退的判断与路由路径规则无关 支持任意基于Vue的UI框架 demo   手机扫码 在线预览 说明 配套包含两个组件 vue-route-transition 负责动画 router-layout 负责页面排版。 主要是解决transform动画,
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:58368
    • 提供者:weixin_38663443
  1. 基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果

  2. 效果图如下所示:   在线地址: github.czero.cn/fancy  点击下载安卓apk安装包 源码地址: github.com/czero1995/f… 项目主架构   使用的库 vue-cli (vue+webpack脚手架) vue-router(路由跳转) vuex(状态管理) axios(数据请求) mock.js(模拟后台数据) vue-touch(手势判断) fastclick(解决移动端浏览器 300 毫秒点击延迟问题) vue-l
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:406528
    • 提供者:weixin_38693419
« 12 »