vue底层是如何实现模板解析的呢？在html中写这样的代码： <div id="app"> {{str}} <h1>{{str}}</h1> <ul> <li>{{text}}</li> </ul> </div>js中：new Vue({ el:'#app', data:{ str:'你好，哈哈中国', text:'好的' } })引入vue.js：class Vue{ constructor(options) { this.$el = document.querySelector(options.el) //获取el元素 this.$data=options.data this.compile(this.$el) } compile(node
该实例模拟实现Vue中 v-model 实现双向绑定的原理html部分，一个 input 标签输入，h2 标签用来显示输入的数据 <input type="text"> <h2></h2>js部分： let input=document.querySelector('input') let h2=document.querySelector('h2') let obj={ msg:'haha' } input.value=obj.msg h2.innerText = obj.msg input.addEventListener('input',function(e){ obj.msg = e.target.value }) //Object.defineproperty 的作用就是直接在一个对象上定义一个新属性，或者修改一个已经存
铅笔Naruto
前端攻城狮
