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

搜索资源列表

  1. vue.js学习相关文件-测试代码

  2. 条件语句 v-if ,v-else,v-else-if。 后两者必须放在v-if之后 循环语句 v-for 指令需要以 site in sites 形式的特殊语法， sites 是源数据数组并且 site 是数组元素迭代的别名。 Computed VS methods 我们可以使用 methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而使用 methods ，在重新渲染的时候，函数总会重新调用执行。 事

  3. 所属分类：HTML5

    • 发布日期：2019-06-05
    • 文件大小：973824
    • 提供者：peterrabbit49

  1. 黑马程序员vue.js项目实战视频教程全套（包含视频和笔记）完整版

  2. 课程目录 day1视频： 01.反馈 02.vue课程介绍 03.什么是Vue 04.为什么要学习前端的流行框架 05.框架和库的区别 06.MVC和MVVM的关系图解 07.Vue基本代码和MVVM之间对应关系 08.讲解v-cloak、v-text、v-HTML的基本使用 09.v-bind指令的学习 10.使用v-on指令定义Vue中的事件 11.跑马灯效果制作-上 12.跑马灯效果制作-下 13.事件修饰符的介绍 14.讲解v-model实现表单元素的数据双向绑定 15.使用v-mod

  3. 所属分类：Java

    • 发布日期：2019-07-16
    • 文件大小：270
    • 提供者：chaochao1933

  1. 下载好的vue.js库资源,可以直接使用

  2. vue使用的时候,必须要通过 new Vue( ) 来实例化一个对象 vue实例化的对象中, 常见的参数为: el: 关联 HTML 部分的标签, 使 vue 中的内容能够加载到 HTML里面去 data: 页面中需要的数据, 可以通过这个属性进行初始化, 进而赋值到 HTML 页面去 methods: 可以给当前vue对象添加方法, 一般我们都会把方法放在这个对象里面 computed: 后面会学到, 这个是计算属性, 我们可以给data里面的值添加一些管理,放在这里 watch: 如果需要

  3. 所属分类：网页制作

    • 发布日期：2019-10-09
    • 文件大小：289792
    • 提供者：geek64581

  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. 微信小程序实现watch监听

  2. Vue 提供了一种通用的方式来观察和响应 Vue 实例上的数据变动：监听属性 watch。 虽然watch的滥用会导致性能不佳，但在一些情况下我们还是需要watch，使得代码更加简洁、逻辑更加清晰(其实就是嫌麻烦…)。 小程序实现 类似vue 一样的watch 监听数据 将方法注册到app.js 中也可以使用高级一点的写法 使用装饰器模式将小程序page 重写挂在到生命周期函数上或者挂在页面this 上每次就不需要重新在调用初始化一次。本文对装饰器模式不做介绍这是个思路。等待下次实现 s

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：44032
    • 提供者：weixin_38514872

  1. 详解Vue.js 响应接口

  2. Vue 可以添加数据动态响应接口。 例如以下实例，我们通过使用 $watch 属性来实现数据的监听，$watch 必须添加在 Vue 实例之外才能实现正确的响应。 实例中通过点击按钮计数器会加 1。setTimeout 设置 10 秒后计算器的值加上 20 。 计数器: {{ counter }} 点我 <scr ipt type = "text/

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：115712
    • 提供者：weixin_38712908

  1. 用Vue.js实现监听属性的变化

  2. 前言 创建 Vue 实例时，Vue 将遍历 data 的属性，通过 ES5 的 Object.defineProperty 将它们转为 getter/setter，在其内部 Vue 可以追踪依赖、通知变化。 const vm = new Vue({ data: {foo: 1} // 'vm.foo' (在内部，同 'this.foo') 是响应的 }) 观察属性变化 Vue 的实例提供了 $watch 方法，用于观察属性变化。 const vm = new Vue({ data: {

  3. 所属分类：其它

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

  1. Vue双向绑定实现原理与方法详解

  2. 本文实例讲述了Vue双向绑定实现原理与方法。分享给大家供大家参考，具体如下： 昨天接到一个电话面试，上来第一个问题就是Vue双向绑定的原理。当时我并不知道如何监听数据层到视图层的变化，于是没答上来，挂电话后，我赶忙查了下资料，主要思路有如下三种。 1.发布者-订阅者模式（backbone.js） 思路：使用自定义的data属性在HTML代码中指明绑定。所有绑定起来的Javascr ipt对象以及DOM元素都将“订阅”一个发布者对象。任何时候如果Javascr ipt对象或者一个HTML输入字

  3. 所属分类：其它

    • 发布日期：2020-11-21
    • 文件大小：98304
    • 提供者：weixin_38556668

  1. 深入理解vue.js中的v-if和v-show

  2. 本文主要给大家介绍了关于vue.js中v-if和v-show的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍： 1.共同点 都是动态显示DOM元素 2.区别 （1）手段：v-if是动态的向DOM树内添加或者删除DOM元素；v-show是通过设置DOM元素的display样式属性控制显隐； （2）编译过程：v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件；v-show只是简单的基于css切换； （3）编译条件：v-if是惰性的，如果初始条件为假，

  3. 所属分类：其它

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

  1. 解决Vue2.0 watch对象属性变化监听不到的问题

  2. 问题 很早之前就遇到一个问题，父组件向子组件传值，子组件监听传入对象的某个属性。发现子组件使用deep watch都不能观察到对象中属性的变化，今天终于找到为啥出现这种问题和解决办法了。 解决 为啥出现这种问题？受 ES5 的限制，Vue.js 不能检测到对象属性的添加或删除。 请参照https://v1-cn.vuejs.org/guide/reactivity.html 解决方式： 通过vue的this.$set(object, key, value)方法 通过Object.assign()

  3. 所属分类：其它

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

  1. Vue数据驱动模拟实现4

  2. 一、前言 在”模拟Vue之数据驱动3″中，我们实现了为每个对象扩展一个$set方法，用于新增属性使用，这样就可以监听新增的属性了。 当然，数组也是对象，也可以通过$set方法实现新增属性。 但是，对于数组而言，通常我们是通过push之类的方法吧。 PS:Vue中明确指出push、pop、shift、unshift、splice、sort、reverse方法为变异方法，可以通过它们监听属性变化，触发视图更新（详情见here） 下面，我们就一起来实现这些Array的变异方法吧。 注：我们将Arra

  3. 所属分类：其它

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

  1. vue.js 1.x与2.0中js实时监听input值的变化

  2. 一、vuejs 2.0中js实时监听input 在2.0的版本中，vuejs把v-el 和 v-ref 合并为一个 ref 属性了，可以在组件实例中通过 $refs 来调用。这意味着 v-el:my-element 将写成这样： ref="myElement" ， v-ref:my-component 变成了这样： ref="myComponent" 。绑定在一般元素上时，ref 指DOM元素，绑定在组件上时，ref 为一组件实例。 因为 v-ref 不再是一个指令了而是一个特殊的属性，它也可以

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：65536
    • 提供者：weixin_38747906

  1. 原生JS实现图片懒加载(lazyload)实例

  2. 前言 图片懒加载也是比较常见的一种性能优化的方法，最近在用vue做一个新闻列表的客户端时也用到了，这里就简单介绍下实现原理和部分代码。 实现原理 加载页面的时候，图片一直都是流量大头，针对图片的性能方法也挺多的比如base64、雪碧图等；懒加载也是其中一种，主要原理是将非首屏的图片src设为一个默认值，然后监听窗口滚动，当图片出现在视窗中时再给他赋予真实的图片地址，这样可以保证首屏的加载速度然后按需加载图片。 具体代码 首先在渲染时，图片引用默认图片，然后把真实地址放在data-*属性上面。

  3. 所属分类：其它

    • 发布日期：2020-12-09
    • 文件大小：66560
    • 提供者：weixin_38651165

  1. Vue.js学习笔记之修饰符详解

  2. 本篇将简单介绍常用的修饰符。 在上一篇中，介绍了 v-model 和 v-on 简单用法。除了常规用法，这些指令也支持特殊方式绑定方法，以修饰符的方式实现。通常都是在指令后面用小数点“.”连接修饰符名称。 一、v-model的修饰符  v-model 是用于在表单表单元素上创建双向数据绑定的指令。在 和 上，默认通过监听元素的 input 事件来更新绑定的属性值。 为了能明显的看到绑定属性值的变化，需要在Chrome浏览器中安装Vue Devtools扩展程序。当查看Vue开发的页面时，按F

  3. 所属分类：其它

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

  1. Vue.js数据绑定之data属性

  2. Vue.js是Javascr ipt的一个MVVM库，M是指模型数据，V是指视图容器，VM是指视图模型，模型数据通过视图模型监听视图容器的变化，而视图容器通过视图模型获取模型数据的变化进行渲染，实现了数据的双向绑定。 data属性 data属性是Vue实例的数据对象，可以绑定的是对象或者是函数。 当数据对象一旦被data绑定就会发生变化，数据对象中的属性会拥有get和set属性，用来监听数据变化，实时响应。 Vue实例会代理data绑定对象上的所有属性，即所有属性直接添加到Vue实例化对象中。

  3. 所属分类：其它

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

  1. Vue.js 监听属性

  2. Vue.js 监听属性 本章节，我们将为大家介绍 Vue.js 监听属性 watch，我们可以通过 watch 来响应数据的变化。 以下实例通过使用 watch 实现计数器： 实例 计数器: {{ counter }} 点我 var vm = new Vue({ el: '#app', data: { counter: 1 } }); vm.$watch('counter', function(nval, oval) { alert

  3. 所属分类：其它

    • 发布日期：2020-12-14
    • 文件大小：31744
    • 提供者：weixin_38712578

  1. vue 使用鼠标滚动加载数据的例子

  2. 关于用鼠标滚动到某个位置我们就去加载数据，这样的场景与业务需求现在越来越常见，现在来分析下《vue.js 实战》中作者的一个解决策略： 1. 设置一个标志位用来判断数据是否在加载中 2. 将滚动区域设置成 overfow:auto（显示滚动条） 3. 给滚动区域加入监听事件并绑定ref属性 来获取DOM实例 4. 当鼠标滚动到底部时，加载数据 4.1 如果此时 标志位为true则 直接退出，不进行此时数据加载 关键代码如下： //...代码省略 //该div 为要滚动区域 <div

  3. 所属分类：其它

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

  1. js 实现watch监听数据变化的代码

  2. 1.js /** * desc 属性改变监听，属性被set时出发watch的方法，类似vue的watch * author Jason * study https://www.jianshu.com/p/00502d10ea95 * data 2018-04-27 * constructor * param {object} opts - 构造参数. default {data:{},watch:{}}; * argument {object} data - 要绑定的属性 *

  3. 所属分类：其它

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

  1. Vue.JS入门教程之事件监听

  2. 你可以使用 v-on 指令来绑定并监听 DOM 事件。绑定的内容可以是一个当前实例上的方法 (后面无需跟括号) 或一个内联表达式。如果提供的是一个方法，则原生的 DOM event 会被作为第一个参数传入，同时这个 event 会带有 targetVM 属性，指向触发该事件的相应的 ViewModel： 触发一个方法函数 触发一个表达式 new Vue({ el: '#demo', data: { n: 0 }, met

  3. 所属分类：其它

    • 发布日期：2020-12-28
    • 文件大小：55296
    • 提供者：weixin_38527987

  1. vue.js中使用echarts实现数据动态刷新功能

  2. 在vue使用echarts时，可能会遇到这样的问题，就是直接刷新浏览器，或者数据变化时，echarts不更新?    这是因为Echarts是数据驱动的，这意味着只要我们重新设置数据，那么图表就会随之重新渲染，这是实现本需求的基础。我们再设想一下， 如果想要支持数据的自动刷新，必然需要一个监听器能够实时监听到数据的变化然后告知Echarts重新设置数据。 所幸Vue为我们提供了==watcher==功能，通过它我们可以很方便的实现上述功能： watch:{ option:function(

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：57344
    • 提供者：weixin_38553681
« 12 »