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

搜索资源列表

  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
    • 文件大小:1mb
    • 提供者:jobinchan
  1. vue 组件开发原理与实现方法详解

  2. 主要介绍了vue 组件开发原理与实现方法,结合实例形式详细分析了vue.js组件开发的原理与实现方法,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-10-15
    • 文件大小:44kb
    • 提供者:weixin_38603219
  1. vue从零实现一个消息通知组件的方法详解

  2. 主要介绍了vue从零实现一个消息通知组件的方法,结合实例形式分析了vue实现消息通知组件的具体原理、实现步骤、与相关操作技巧,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-10-15
    • 文件大小:110kb
    • 提供者:weixin_38677806
  1. Vue自定义组件双向绑定实现原理及方法详解

  2. 主要介绍了Vue自定义组件双向绑定实现原理及方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-10-14
    • 文件大小:81kb
    • 提供者:weixin_38502814
  1. Vue分页器实现原理详解

  2. 主要为大家详细介绍了Vue分页器实现原理,编写了分页器组件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  3. 所属分类:其它

    • 发布日期:2020-10-16
    • 文件大小:66kb
    • 提供者:weixin_38663443
  1. vue使用自定义事件的表单输入组件用法详解【日期组件与货币组件】

  2. 本文实例讲述了vue使用自定义事件的表单输入组件用法。分享给大家供大家参考,具体如下: 自定义事件可以用来创建自定义的表单输入组件,使用 v-model 来进行数据双向绑定。 v-model的实现原理 : 这不过是以下示例的语法糖: 在开发项目中,当遇到日期数据时,往往后台的日期数据都为long型,而前台显示成日期型,在使用v-model时,需要转换一下
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:51kb
    • 提供者:weixin_38719540
  1. 使用Vue制作图片轮播组件思路详解

  2. 之前一直都没有认真的写过一个组件。以前在写业务代码的过程中,都是用的别人封装好的组件,这次尝试着写了一个图片轮播组件,虽然比不上知名的轮播组件,但它的功能基本完整,而且在写这个组件的过程中,学的东西也很多,在这里也给大家分享出来,如有疏漏,欢迎指正! 在制作这个组件之前,笔者google了不少关于轮播的文章,发现实现一个轮播的思路虽然各有不同,但是大的逻辑其实差不多,本文主要依据慕课网上焦点轮播图特效这节课,不过慕课网主要用原生JS写,而笔者则用Vue进行了重构,并且进行了一点修改。完成后的组件
  3. 所属分类:其它

    • 发布日期:2020-12-01
    • 文件大小:560kb
    • 提供者:weixin_38562085
  1. Vue.js双向绑定实现原理详解

  2. Vue.js最核心的功能有两个,一是响应式的数据绑定系统,二是组件系统。本文仅探究几乎所有Vue的开篇介绍都会提到的hello world双向绑定是怎样实现的。先讲涉及的知识点,再参考源码,用尽可能少的代码实现那个hello world开篇示例。 参考文章://www.jb51.net/article/100819.htm 一、访问器属性 访问器属性是对象中的一种特殊属性,它不能直接在对象中设置,而必须通过defineProperty()方法单独定义。 var obj = { }; // 为o
  3. 所属分类:其它

    • 发布日期:2020-11-29
    • 文件大小:432kb
    • 提供者:weixin_38709100
  1. 详解Vue-Router源码分析路由实现原理

  2. 深入Vue-Router源码分析路由实现原理 使用Vue开发SPA应用,离不开vue-router,那么vue和vue-router是如何协作运行的呢,下面从使用的角度,大白话帮大家一步步梳理下vue-router的整个实现流程。 到发文时使用的版本是: – vue (v2.5.0) – vue-router (v3.0.1) 一、vue-router 源码结构 github 地址:https://github.com/vuejs/vue-router components下是两个组件
  3. 所属分类:其它

    • 发布日期:2020-11-28
    • 文件大小:80kb
    • 提供者:weixin_38638004
  1. 移动端效果之Swiper详解

  2. 写在前面 最近在做移动端方面运用到了饿了么的vue前端组件库,因为不想单纯用组件而使用它,故想深入了解一下实现原理。后续将会继续研究一下其他的组件实现原理,有兴趣的可以关注下。 代码在这里:戳我 1. 说明 父容器overflow:hidden;,子页面transform:translateX(-100%);width:100%; 2. 核心解析 2.1 页面初始化 由于所有页面都在手机屏幕左侧一个屏幕宽度的位置,因此最开始的情况是页面中看不到任何一个子页面,所以第一步应该设置应该显示的
  3. 所属分类:其它

    • 发布日期:2020-11-28
    • 文件大小:78kb
    • 提供者:weixin_38565003
  1. vue通信方式EventBus的实现代码详解

  2. vue通信方式有很多,项目中用的比较多的的有 pros、vuex、$emit/$on 这3种,还有 provide/inject (适合高阶组件)、 $attrs和$listeners (适合高阶组件)以及 $parent/$child/ref、eventBus 等这3种方式。很多时候我们都是只会使用api,而懂得原理以及实现,但我就觉得懂得原理以及实现跟一个只会调用api的开发人员时不在同一层次的。所以这里就像把跨组件通信的 eventBus 通信的原理给大家展示一下。这也是自己学到大佬的的东
  3. 所属分类:其它

    • 发布日期:2020-12-03
    • 文件大小:39kb
    • 提供者:weixin_38606041
  1. Vue插槽原理与用法详解

  2. 本文实例讲述了Vue插槽原理与用法。分享给大家供大家参考,具体如下: 1 插槽内容 Vue 实现了一套内容分发的 API,这套 API 基于当前的 Web Components 规范草案,将 元素作为承载分发内容的出口。 它允许你像这样合成组件: Your Profile 然后你在 的模板中可能会写为: Vue.component('navigation-link', {
  3. 所属分类:其它

    • 发布日期:2020-12-28
    • 文件大小:75kb
    • 提供者:weixin_38720402
  1. vue中的v-model原理,与组件自定义v-model详解

  2. VUE中的v-model可以实现双向绑定,但是原理是什么呢?往下看看吧 根据官方文档的解释,v-model其实是一个语法糖,它会自动的在元素或者组件上面解析为 :value=”” 和 input=””, 就像下面这样 // 标准写法 // 等价于 // 在组件上面时 1.当在input输入框输入内容时,会自动的触发inpu
  3. 所属分类:其它

    • 发布日期:2020-12-28
    • 文件大小:281kb
    • 提供者:weixin_38606019
  1. Vue自定义组件双向绑定实现原理及方法详解

  2. 前言 无论在任何的语言或框架中,我们都提倡代码的复用性。对于Vue来说也是如此,相同的代码逻辑会被封装成组件,除了复用之外,更重要的是统一管理提高开发效率。我真就接手过一个项目,多个页面都会用到的列表,没有去封装列表组件,只要有一点改动,每个页面都得加上。很肯定的说,没有用组件化开发的Vue项目是没有灵魂的。所以如何封装一个优雅且复用性高的组件成为我们必需的技能。 Tab自定义组件 首先来看一个Tab组件的实现,看看它存在什么问题,哪里可以改进? 效果 组件 <div
  3. 所属分类:其它

    • 发布日期:2020-12-28
    • 文件大小:89kb
    • 提供者:weixin_38595606
  1. 详解vue 组件的实现原理

  2. 组件机制的设计,可以让开发者把一个复杂的应用分割成一个个功能独立组件,降低开发的难度的同时,也提供了极好的复用性和可维护性。本文我们一起从源码的角度,了解一下组件的底层实现原理。 组件注册时做了什么? 在Vue中使用组件,要做的第一步就是注册。Vue提供了全局注册和局部注册两种方式。 全局注册方式如下: Vue.component('my-component-name', { /* ... */ }) 局部注册方式如下: var ComponentA = { /* ... */ } new
  3. 所属分类:其它

    • 发布日期:2021-01-22
    • 文件大小:92kb
    • 提供者:weixin_38679233
  1. vue 组件开发原理与实现方法详解

  2. 本文实例讲述了vue 组件开发原理与实现方法。分享给大家供大家参考,具体如下: 概要 vue 的一个特点是进行组件开发,组件的优势是我们可以封装自己的控件,实现重用,比如我们在平台中封装了自己的附件控件,输入控件等。 组件的开发 在vue 中一个组件,就是一个独立的.vue 文件,这个文件分为三部分。 1.模板 2.脚本 3.样式 我们看一个系统中最常用的组件。 {{value}} <div class=box-custom-compo
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:43kb
    • 提供者:weixin_38545961
  1. 详解从vue-loader源码分析CSS Scoped的实现

  2. 虽然写了很长一段时间的Vue了,对于CSS Scoped的原理也大致了解,但一直未曾关注过其实现细节。最近在重新学习webpack,因此查看了vue-loader源码,顺便从vue-loader的源码中整理CSS Scoped的实现。 本文展示了vue-loader中的一些源码片段,为了便于理解,稍作删减。参考 Vue CSS SCOPED实现原理 Vue loader官方文档 相关概念 CSS Scoped的实现原理 在Vue单文件组件中,我们只需要在style标签上加上scoped属
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:110kb
    • 提供者:weixin_38687505
  1. 详解Vue组件实现tips的总结

  2. 官网上已经有的内容,我就不再赘述了,直接在官网上查看即可,这里蚊子想换个角度来讲解下vue的组件。 组件,顾名思义,就是把一个相对独立,而且会多次使用的功能抽象出来,成为一个组件!如果我们要把某个功能抽象为一个组件时,要做到这个组件对其他人来说是个黑盒子,他们不用关心里面是怎么实现的,只需要根据约定的接口调用即可! 我用一张图稍微总结了下Vue中组件的构成: 可以看到组件中包含的东西还是蛮多的,而且,还有很多的点没有列出来,这里面的每一个知识点能都展开讲很多。不过我们这里不讲原理,只讲使用。
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:171kb
    • 提供者:weixin_38646230
  1. 详解vue v-model

  2. 1. v-model原理 vue中v-model是一个语法糖,所谓的语法糖就是对其他基础功能的二次封装而产生的功能。简单点说,v-model本身就是父组件对子组件状态以及状态改变事件的封装。其实现原理上分为两个部分: 通过props设置子组件的状态 通过监听子组件发出的事件改变父组件的状态,从而影响子组件的props值 通过以上两个部分,实现了父组件的状态和子组件状态进行了绑定的效果。 1.1 demo v-model使用示例 v-model示例</title
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:57kb
    • 提供者:weixin_38686153
  1. 详解Vue中的scoped及穿透方法

  2. scoped的由来 css一直有个令人困扰的作用域问题:即使是模块化编程下,在对应的模块的js中import css进来,这个css仍然是全局的。为了避免css样式之间的污染,vue中引入了scoped这个概念。 在vue文件中的style标签上,有一个特殊的属性:scoped。当一个style标签拥有scoped属性时,它的CSS样式就只能作用于当前的组件。通过设置该属性,使得组件之间的样式不互相污染。如果一个项目中的所有style标签全部加上了scoped,相当于实现了样式的模块化。 但是这
  3. 所属分类:其它

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