注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. 如何写好一个vue组件,老夫的一年经验全在这了（推荐）

  2. 主要介绍了如何写好一个vue组件，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

  3. 所属分类：其它

    • 发布日期：2020-10-16
    • 文件大小：108544
    • 提供者：weixin_38674627

  1. 详解如何写出一个利于扩展的vue路由配置

  2. 前言 从历往经验来看，开发一个新项目，往往在刚开始部署项目，到项目的正式交付，以及交付后的后续维护，功能增强等过程，都需要对项目的一些已有结构和逻辑进行调整。 因此，如果有些内容刚建项目时不考虑好未来的可扩展性，后续调整会很麻烦。 这里先来说，在vue项目中，如何写路由配置，更利于未来可扩展。 vue-router的基本配置 为了方便新学者的阅读与理解。先来看一下最基本的路由是如何配置的 // 0. 导入Vue和VueRouter脚本，如果使用模块化机制编程，要调用 Vue.use

  3. 所属分类：其它

    • 发布日期：2020-11-27
    • 文件大小：80896
    • 提供者：weixin_38697753

  1. VUE2实现事件驱动弹窗示例

  2. 前几天想了解vue如何写弹窗组件 有以下两种可取的写法： 1.状态管理 如果弹窗组件放在根组件，使用vuex来管理组件的show和hide。放在组件内，通过增加v-show或v-if来控制，可结合slot，定义不同需求的弹窗 2.事件管理 注册一个全局事件来打开弹窗，传入需展示的文字和相关的逻辑控制，可结合promise，实现异步 觉得对用像confirme和propmt这类弹窗，还是事件驱动的好。最好就是能使用promise回调。 于是手痒就写了一个。下面是代码。 propmt.js

  3. 所属分类：其它

    • 发布日期：2020-11-26
    • 文件大小：49152
    • 提供者：weixin_38750007

  1. 基于vue实现web端超大数据量表格的卡顿解决

  2. 一、整体思路 1.思路来源 最近工作比较忙好久没写文章了，有一丢丢不知道如何写起了，那就先说说我是为什么要开发本文的组件把。公司有一个定位系统，基本上来说一个定位单位一分钟或者更短就会有一个定位点，这样一天下来就会有很多定位点了，如果表格想要一下子放一天甚至三天的数据，那么数据量将会特别大（可能会到达5万条左右的数据），如果我们显示的列又比较多的话，那么表格的卡顿问题就会很明显了。我们公司web端选择的ui框架是 iview  ，说实话 iview 的其他组件还行，不过表格的话在大量数据面前显得

  3. 所属分类：其它

    • 发布日期：2020-12-02
    • 文件大小：196608
    • 提供者：weixin_38724919

  1. 用vuex写了一个购物车H5页面的示例代码

  2. 通过购物车的一个案列，把vuex学习了一篇。 vuex概念浅谈 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单的来说，就是数据共用，对数据集中起来进行统一的管理。 如果您的应用够简单，您最好不要使用 Vuex。一个简单的 global event bus 就足够您所需了。但是，如果您需要构建是一个中大型单页应用，您很可能会考虑如何更好地在组件外部管理状态，Vuex 将会成为自然而

  3. 所属分类：其它

    • 发布日期：2020-12-02
    • 文件大小：122880
    • 提供者：weixin_38508549

  1. Vuejs 页面的区域化与组件封装的实现

  2. 组件的好处 当我用vue写页面的时候，大量的数据页面渲染，引入组件简化主页面的代码量，当代码区域块代码差不多相同时，组件封装会更加简化代码。组件是Vue.js最强大的功能之一。 组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。 我用一个读书软件的图书列表例子： 图书展示页 大家可以想想用vue如何实现这个页面的前端页面实现，再来实现逻辑功能； 图片显示的 ‘推荐

  3. 所属分类：其它

    • 发布日期：2020-12-01
    • 文件大小：96256
    • 提供者：weixin_38659622

  1. 详解基于vue-cli3快速发布一个fullpage组件

  2. 前言 想必大家都看过fullpage.js——这是一款非常好用的翻页插件。 现在vue非常流行，大家想不想发布一个组件给别人使用呢？ 这里我们基于vue-cli3快速搭建一个简单的fullpage组件给别人使用，当然你也可以做你感兴趣的组件发布给别人用~ GITHUB 链接 开始 准备 $ npm i -g vue/cli #全局vue-cli3 通过查看vue-cli3官网了解，创建一个新的普通项目。 思考 一开始要想别人如何调用我们写的组件，通过挂载vue实例方法（thi

  3. 所属分类：其它

    • 发布日期：2020-12-01
    • 文件大小：113664
    • 提供者：weixin_38620734

  1. 如何抽象一个Vue公共组件

  2. 之前一直想写一篇关于抽象 Vue 组件的随笔，无奈一直没想到好的例子。恰巧最近为公司项目做了一个数字键盘的组件，于是就以这个为例聊聊如何抽象 Vue 的组件。 先上 Demo 与 源码。（demo最好在浏览器里以手机模式浏览） 在讲具体实现前，我想先分享下自己认为的理想的公用组件是什么样的： 1. 黑盒性，即除了你自己以外，其他的开发者在快速阅读使用文档之后可以立刻上手，而不用关心你的内部实现； 2. 独立性，即做好解耦，不与父组件有过多关联； 3 自定义性，适当地暴露一些输入接口或者方法给外部

  3. 所属分类：其它

    • 发布日期：2020-11-28
    • 文件大小：128000
    • 提供者：weixin_38647039

  1. 使用vue如何构建一个自动建站项目

  2. 写在前面 之前一直用Jquery+Jquery-ui来做这个项目，那个时候没有设计稿，没有项目需求，就因为BOSS一句话，要做这样的东西，当时就…好吧！我承认，其实已经习惯了，无所谓了(也是无奈，哎)!!! 在之后的一段时间里，做了一个demo出来，BOSS很满意了，所以自己接下来就慢慢做吧，差不多两三个月吧，就闷头做这个，后来项目上线了，当然因为产品的不完善，还是有点问题了！ 不过基本能满足公司的需求了，能编辑的都可以编辑，组件的background(包括背景图片) color bord

  3. 所属分类：其它

    • 发布日期：2020-11-27
    • 文件大小：382976
    • 提供者：weixin_38663415

  1. Vue分页效果与购物车功能

  2. 分页组件 首先来创建项目： 分页组件，做项目不要写动手写代码，要想想业务逻辑，怎么写，如何写才是最好的呈现方式，做项目不急，要先想好整体的框架，从底层一开始最想要的是什么做起。 先动代码，边做边想是会出问题的，而且还会卡壳，让你半路出家的。 分页组件，你觉得要什么内容，是页面？如果不懂可以去看看别人的分页是怎么做的，考虑业务逻辑，整体出发去思考问题。要不然我去百度看看，别人的分页效果。 看了后做不出来也是没有关系的，我们呢？ 可以从底部出发，从最小的逻辑开始，从做这个需要考虑到什么想起，一步

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：92160
    • 提供者：weixin_38706007

  1. 如何给element添加一个抽屉组件的方法步骤

  2. 近来因为业务需要，对比iview和element库，发现element确实要比实习期间使用的iview强大点，尤其文档更为友好，但是iview的组件功能更多一点，比如分割线和抽屉组件 今天特意手写一个抽屉组件，方便自己使用element库，写好的组件我已经放在我的githup了， 点这里 一、实践 1.分析 一个抽屉组件的z-index必定是在当前页面之上的，在抽屉主体之外的区域还会有一层半透明的遮罩层，知道这些就很容易了 // drawer.vue <div clas

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：130048
    • 提供者：weixin_38621553

  1. Vue render函数实战之实现tabs选项卡组件

  2. 用过Element ui库的童鞋肯定知道组件，简单、好用、可以自定义标签页，不知道广大童鞋们在刚开始使用组件的时候有没有想过它是如何实现的？我咋刚开始使用组件的时候就有去想过，也想去实现一个超级简单的tabs选项卡组件，无奈当时功力不够，未能实现。最近的一个简单项目中正好要用到选项卡组件，由于项目简单也就没有使用任何第三方库，于是就自己动手写了个选项卡组件。 1、实现tabs选项卡组件的思考 <el-tab-pane labe

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：77824
    • 提供者：weixin_38606404

  1. Vue的单文件组件

  2. 文章目录单文件组件vue 中后缀名是 .vue 的文件，我们称它为 单文件组件单文件组件的优点一个单文件组件的组成使用sass单文件组件的一些特点 单文件组件 vue 中后缀名是 .vue 的文件，我们称它为 单文件组件 单文件组件的优点 在 vscode 中安装 vetur 插件。能够让单文件组件有很好的语法高亮和代码提示 可以将样式写在组件内。并且通过配置还能让样式只对当前组件生效（作用域样式） 要实现 作用域样式，只需要在单文件组件的 style 标签上设置 scoped 属性 作用域样式

  3. 所属分类：其它

    • 发布日期：2021-01-08
    • 文件大小：40960
    • 提供者：weixin_38738005

  1. nwanguma-源码

  2. 关于：在典型的一天写报告并通过电子邮件将模糊的威胁发送给我以前的工作的同事之后的2018年某个时候，我认为“嗯，这很无聊”，然后决定将职业转向技术/软件开发是可以解决的。 我在年底辞职并花了2019年学习编码。 好吧，现在问我如何解决？ 太棒了！ 我是一个全栈开发人员，具有可验证的经验，主要使用React，Redux以及介于两者之间的其他任何东西来构建Web应用程序。 我可以使用多种方法来居中div并设置应用程序的样式，目前我爱上了CSS-in-JS（样式化组件）。 我还具有使用节点JS，e

  3. 所属分类：其它

    • 发布日期：2021-03-17
    • 文件大小：2048
    • 提供者：weixin_42107165

  1. vue-task:使用vue，vuex，vue-router，typescript开发一个单页面系统-源码

  2. vue练手项目 目的 这个项目主要是用vue + vuex实现一个单页应用，纯粹是熟悉的vue全家桶相关开发模式，用于练手非常合适。 着手开发完了之后可以学的东西： 熟悉vue单文件组件开发方式 熟悉如何写一个vue插件 熟悉如何使用vue-router以及挂载路由钩子函数 熟悉vuex是如何运作的，并维持应用状态数据 体验打字稿的开发方式 如果想学vue的不妨进来看看。 技术栈 Vue 威克斯 Vue路由器 打字稿 开始 开始之前，还是有必要去vue官网学习一下vue，至少得有个大致的了解，

  3. 所属分类：其它

    • 发布日期：2021-03-11
    • 文件大小：588800
    • 提供者：weixin_42136826

  1. 详解如何更好的使用module vuex

  2. 一、 前言 在项目如何使用vuex呢？以前我都是非模块末去写的，可能大家和我一样也是这么去写，但是回过头去看看vue的文档，发现模块化去使用vuex更好，vue是单页面应用，其实只有一个页面，那么首页也好列表页也好，那都相当于这一个页面的一个模块，也可以把它理解为是一个一个的组件，毕竟组件化、组件抽离、组件封装是比较火的，所以在使用vuex的模块化的时候就能更好的去管理对应的模块，对于数据分离和定位都非常的好。废话有点多，先丢张图。 Demo连接： https://github.com/cook

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：218112
    • 提供者：weixin_38718434

  1. Vue2.0 组件传值通讯的示例代码

  2. 在Vue项目中，我们经常把某个功能模块封装起来，形成组件，下次调用时非常方便，同时也是在一些循环中进行dom操作的一种较好方式。 本次我想以一个评价组件来说一下组件的事件和参数是怎样传递的，如何完成的组件通讯。 示例如下： 这里先说一下组件设计思路： 明确整个功能场景，找出存在的事件操作，此例是一个简单的评价功能，即点击某一个星星时左边以及当前为选中的黄色星，右边为未选中的白色星。 确定可复用的组件，即具有重复操作的模块，这里明显的每一个星星为一个可复用组件, 其实还有个星星变成白色和黄色

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：109568
    • 提供者：weixin_38615397

  1. 如何写好一个vue组件,老夫的一年经验全在这了（推荐）

  2. 一个适用性良好的组件，一种是可配置项很多，另一种就是容易覆写，从而扩展功能 Vue 组件的 API 来自三部分——prop、事件和插槽： prop 允许外部环境传递数据给组件 event 允许从组件内触发外部环境的副作用 slot 允许外部环境将额外的内容组合在组件中 prop 组件具有自身状态，当没有相关 porps 传入时，使用自身状态完成渲染和交互逻辑；当该组件被调用时，如果有相关 props 传入，那么将会交出控制权，由父组件控制其行为 仅一个值传入组件 如果该组件设计上支持

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：107520
    • 提供者：weixin_38654944