到底如何实现指令操作dom,这是我们很多初识angular,vue这种使用指令的框架的时候可能会产生的一个问题,那就先让我们看一下咱们的html结构
其实这个也是山寨人家vue,scp是作用域,在box作用域内执行s-txt指令,将“Hello,Sma”渲染到页面
然后我们来看具体的实现过程
来一个构造函数,scp就是砸门的作用域
init里面就是初始化的过程
接着在这个构造函数的原型添加方法,分别是init和render,render为具体渲染过程,因为只有一个指令,所以就省掉了循环过程,实现这个的关键点就是querySelector这个选择器,内容比较简单,只是提供一个小小的思路,希望与大家互相交流学习(ps:那个this不要去管它)