摘要：
Firebug是网页开发的利器，能够极大地提升工作效率。 但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。 Firebug控制台详解 出处：http://www.ruanyifeng.com/blog/2011/03/firebug_ 阅读全文
摘要：
（1）概述 Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具： 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 可以配合使用第三方 Jav 阅读全文
摘要：
vue生命周期简介 咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了。 生命周期探究 对于执行顺序和什么时候执行，看上面两个图基本有个了解了。下面我们将结合代码去看看钩子函数的执行。 create 和 mounted 相关 咱们在chrome浏览器里打开，F12看console 阅读全文
摘要：
（1）访问元素&组件 ①访问根实例 在每个 new Vue 实例的子组件中，其根实例可以通过 $root 属性进行访问。例如，在这个根实例中： 所有的子组件都可以将这个实例作为一个全局 store 来访问或使用。 案例demo： 计算属性VS方法： 可以将同一函数定义为一个方法而不是一个计算属性。两 阅读全文
摘要：
首先看下效果图 代码： . 阅读全文
摘要：
（1）在动态组件上使用keep-alive 之前曾经在一个多标签的界面中使用 is 特性来切换不同的组件。接下来简单回顾下 <component>元素是vue 里面的一个内置组件。在里面使用 v-bind: is，可以实现动态组件的效果。 结果：点击按钮时完成切换 当在这些组件之间切换的时候，你有时 阅读全文
摘要：
（1）插槽内容 Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范草案，将 <slot> 元素作为承载分发内容的出口。 在父级组件里可以这样写 然后在 <navigation-link> 组件模板中： new Vue({ el:'.slot_are 阅读全文
摘要：
首先简单回顾下组件事件及组件的复用 demo1：按钮事件 demo2：监听子组件事件 在开发 <event-area> 组件时，它的一些功能可能要求我们和父级组件进行沟通。例如我们可能会引入一个可访问性的功能来放大博文的字号，同时让页面的其它部分保持默认的字号。在其父组件中，可以通过添加一个 blo 阅读全文
摘要：
这里做个简单的拓展，之前做vue组件时，经常用到拼接字符串，换行时用到\，既费时又麻烦。这里介绍个ES6字符串模板方法 旧版拼接（各种换行拼接） 新版方法（里面直接换行，不用拼接） 输入`方式：CapsLk + ~，即可输出` . 阅读全文
摘要：
（1）组件名 在注册一个组件的时候，我们始终需要给它一个名字。比如在全局注册的时候我们已经看到了： 该组件名就是 Vue.component 的第一个参数。你给予组件的名字可能依赖于你打算拿它来做什么。当直接在 DOM 中使用一个组件 (而不是在字符串模板或单文件组件) 的时候，强烈推荐遵循 W3C 阅读全文