雨念

本文总结了vue组件间通信的几种方式，如props、 $emit/ $on、vuex、 $parent / $children、 $attrs/ $listeners和provide/inject，以通俗易懂的实例讲述这其中的差别及使用场景，希望对小伙伴有些许帮助。 父组件A通…

1.1 包含与被包含,IE率先引入的contains()方法可检测，例 A.contains(B)， 即检查节点B是否是节点A的子节点，返回布尔值，现大多数浏览器都支持； DOM level 3引入的compareDocumentPosition()，确定节点之间的关系， 返回…

Vue所有的生命周期钩子自动绑定在this上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法。这是因为箭头函数绑定了父上下文，因此this与你期待的Vue实例不同。 在实例初始化之后，数据观测和event/watcher时…

在开发一般的业务来说，不需要知道 Vue 中钩子函数过多的执行细节。但是如果你想写出足够稳健的代码，或者想开发一些通用库，那么就少不了要深入了解各种钩子的执行时机了。 很清楚地可以看到，各个钩子函数在组件树中调用的先后顺序。 mounted 、 updated 、 destro…

学习就好比是座大山，人们沿着不同的路登山，分享着自己看到的风景。你不一定能看到别人看到的风景，体会到别人的心情。只有自己去登山，才能看到不一样的风景，体会才更加深刻。 call() 方法调用一个函数, 其具有一个指定的 this 值和分别地提供的参数(参数的列表)。 这个改动就…

视图模型转化为视图，也即Vue中的模板语法转化为实际的HTML和CSS，这个部分主要由Vue自动实现，我们开发者主要处理的是Model-ViewModel阶段。 这个阶段就是我们实例化Vue对象，添加data,methods等操作，以及将数据绑定到模板上。 由于，ViewMod…

html结构:css样式：js交互逻辑：