美文网首页
vue响应式原理实现

vue响应式原理实现

作者: 尤小小 | 来源:发表于2019-01-16 14:50 被阅读3次
<input type="text" id="input">
<p id="showText"></p>
<script>
    var input = document.querySelector('#input')
    var showText = document.querySelector('#showText')

    var obj = {}

    Object.defineProperty(obj, 'something', {
        get: function() {
            console.log('get')
        },
        set: function(val) {
            showText.innerText = val;
            console.log(val)
        }
    })

    input.addEventListener('keyup', function(event) {
        obj.something = event.target.value
    })
</script>

相关文章

  • Vue

    vue双向绑定原理及实现从零带你手把手实现Vue3响应式原理-上从零带你手把手实现Vue3响应式原理-下为什么说 ...

  • 面试总结之基础(2)

    Vue2响应式原理 Vue3响应式原理

  • 双向绑定

    数据响应式原理 vue实现数据响应式的原理就是利用了Object.defineProperty(),重新定义了对象...

  • 前端面试题【Day02】

    本篇绪论 1,Vue响应式原理 1,Vue响应式原理 在vue实例中声明的数据就是响应式的。响应式:数据发生改变,...

  • vue系列--- vue响应式原理

    vue响应式原理 要说vue响应式原理首先要说的是Object.defindProperty(),这个是响应式原理...

  • 【Vue3.0】- 响应式

    响应式原理 响应式是 Vue.js 组件化更新渲染的一个核心机制 Vue2.x响应式实现 Object.defin...

  • VUE双向绑定原理(深入响应式原理)

    vue官网-深入响应式原理 深入响应式原理

  • Vue的34道题

    1、如何理解MVVM原理? MVVM的实现原理 2、响应式数据的原理是什么? 响应式数据与数据依赖基本原理vue双...

  • Vue 进阶系列(一)之响应式原理及实现

    Vue 进阶系列(二)之插件原理及实现Vue 进阶系列(三)之Render函数原理及实现 什么是响应式Reacti...

  • Vue原理学习(二)

    响应式系统的基本原理 Vue基于Object.defineProperty来实现响应式,对于Object.defi...

网友评论

      本文标题:vue响应式原理实现

      本文链接:https://www.haomeiwen.com/subject/fyjmdqtx.html