摘要： 本篇文章将从无到有的通过一个demo来展示vue-loader的基本用法，会涉及到部分webpack，npm等知识。 首先介绍一下最基本的文件结构，因为正式项目中的文件资源都比较多，本项目只是最基本的演示项目，所以会有所偏差。 其中，main.js是项目的入口文件，package.json是工程文件 阅读全文

摘要： vue实现了一套内容分发的API，这套API基于当前的web components规范草案，将<slot>元素作为承载分发内容的出口。 在前面的父子组件中，我们提到过，在vue中，组件实例的作用域是孤立的，默认情况下，父子组件的数据是不能共享的。所以子组件的内容应当写在子组件里面，父组件的内容应该写 阅读全文

摘要： 在上一篇的父子组件中，我们知道，当我们使用动态props将父组件的数据传递到子组件的时候，如果父组件的数据变化，子组件的数据会随之变化。 父组件数据变化时，子组件数据会相应变化；而子组件数据变化时，父组件数据不变 我们知道，子组件的值是通过emit主动发送到父组件的，需要事件驱动，如果子组件的数据发 阅读全文

摘要： 1、父子组件 在上一篇随笔中展示了vue的组件，当我们继续在组件中写组件，形成组件嵌套的时候，就是我们所说的父子组件了。 在上面的例子中，外层的组件aaa就是父组件，内层的bbb组件便是子组件了。 2、子组件获取父组件的数据 我们知道，每个组件都可以有自己的data属性，组件的数据在整个组件的内部都 阅读全文

摘要： 在vue中，组件是最重要的组合部分，官方中定义组件为可复用的vue实例，分为全局组件和局部组件，接下来通过实例来分别演示两种不同的组件。 全局组件 通过上面的例子，我们可以总结出全局组件的使用步骤： 调用vue.extend()创建一个组件构造器，该构造器中有一个选项对象的template属性可以用 阅读全文

摘要： vue在插入、更新或者移除DOM时，提供了多种不同方式的应用过渡效果，下面主要总结一些常用的过渡。 单元素过渡（vue1.0） 我们常用的动画是css3的动画，在vue中依旧有效。 在上面的例子中，我们实现了一个进入和离开的动画效果，我们需要做如下几步： 在需要使用动画的元素中添加名称，即上面的di 阅读全文

摘要： 除了核心功能默认内置的指令外，vue也允许用户注册自定义指令。虽然在vue2.0中，代码复用和抽象的主要形式是组件，但是有些情况下，我们仍需要对普通DOM元素进行底层操作，这个时候就需要用到自定义指令，例如，我们希望将元素的背景色变为红色，就可以通过指令实现。 上面简单的实例中，主要是展示了自定义组 阅读全文

摘要： 下拉菜单或者导航是我们在网站开发中不可或缺的网站元素之一，使用jQuery可以制作出简洁易用、美观大方的下拉菜单或者导航效果。 下面展示的12款利用jQuery实现的下拉菜单即导航效果整理自前端大牛爱好公众号的美文推送，用于分享和收藏。 1，全屏大幅下拉菜单导航 2，电商网站分类导航菜单特效 3，黑 阅读全文

摘要： 在vue2.0以前的版本中vue内置的过滤器，但是因为缺乏纯JavaScript的灵活性，现在vue2.0版本中已经删除了内置过滤器，所以需要自己注册过滤器，我们可以定义本地（在某一个template里面定义filter）过滤器，或者定义全局（global）过滤器。需要提醒的是，如果你定义了一个全局 阅读全文

摘要： 在vue中处理复杂的逻辑的时候，我们经常使用计算属性computer，但是很多时候，我们会把计算属性、方法和侦听器搞混淆，在 w3cplus.com的一篇文章中是这样总结这三者的。 methods：正如他的名字一样，它们是挂载在对象上的函数，通常是Vue实例本身或Vue组件。 computed：属性 阅读全文