渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验。 另一方面它实现了DOM Listener，也就是DOM监听，当DOM发生一些事件(点击、滚动、touch等)时，可以监听到，并在需要的情况下改变对应的Data。 Mustache: {{}}语法, 可…

3. router 和 route的区别 一. 认识路由 路由器提供了两种机制: 路由和转送. 意味着浏览器会刷新页面，网速慢的话说不定屏幕全白再有新内容。后端路由的另外一个极大的问题就是 前后端不分离 二. 前端路由的规则 三. Vue-Router基础 四. 路由配置其他补…

虽然Vue.js为我们提供了有用的computed, 但在某些场景下, 仍然还是需要使用到watch. 如上代码所示, 只有当dog的值有发生改变时, watch中的dog函数才会执行. 但是, 在某些情况下, 你可能需要在创建组件后立即运行监听程序. 你可以在使用watch时…

通过上图, 应该可以理解一个Vue组件是如何运行起来的. render渲染函数, render渲染函数是用来生成Virtual DOM的. Vue推荐使用模板来构建我们的应用程序, 在底层实现中Vue最终还是会将模板编译成渲染函数. 因此, 若我们想要得到更好的控制, 可以直接…

我们看上面的这段代码，首先声明了三个变量 componentA、componentB、componentC 并为它们指定了 template，在 new Vue 里面指定了 componentId 初始值为 componentA。然后在 html 里面通过 <comp…

因为在2.6.0中，具名插槽 和 作用域插槽 引入了一个新的统一的语法 (即v-slot 指令)。它取代了 slot 和 slot-scope，并且现在网上都说的是一些老版本的内容，官方文档不太容易理解，所以就整理了一篇有关于插槽(slot)使用的文章 如果<test>中没有包…

本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件，也可以从这三个部分展开，它们可以帮助你快速了解一个组件的所有功能。 prop 定义了这个组件有哪些可配置的属性，组件的核心功能也都是它来确定的。写通用组件时，prop…

组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对…