分类：Vue干货

vue中的路由详解

vue中的路由详解
我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件。例如，我们有一个 User 组件，对于所有 ID 各不相同的用户，都要使用这个组件来渲染。那么，我们可以在 vue-router 的路由路径中使用『动态路径参数』（dynamic segment）来达到这个效果：...

3小时前 (2018-02-05) 0℃ 暂无评论 0赞

vue中的过滤器详解

vue中的过滤器详解
vue.js允许自定义过滤器，可以用在两个地方：花括号插值和v-bind表达式

{{ message | capitalize }}

...

3小时前 (2018-02-05) 0℃ 暂无评论 0赞

vue中的钩子函数方法详解

vue中的钩子函数方法详解
一个指令定义对象可以提供如下几个钩子函数 (均为可选)：
bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。
inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。
...

3小时前 (2018-02-05) 0℃ 暂无评论 0赞

vue中的is方法详解

vue中的is方法详解
类型：string
用于动态组件且基于 DOM 内模板的限制来工作。
动态组件
通过使用保留的元素，并对其 is 特性进行动态绑定，你可以在同一个挂载点动态切换多个组件：...

3小时前 (2018-02-05) 0℃ 暂无评论 0赞

vue中的HTML5History模式详解

vue中的HTML5History模式详解
vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。
如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。

...

3小时前 (2018-02-05) 0℃ 暂无评论 0赞

vue中的el方法详解

vue中的el方法详解
类型：string | HTMLElement
条件：只有在new创建的实例中遵守
详情：
提供一个在页面上存在的DOM元素做为vue实例的挂载目标，可能是css选择器，也可能是一个HTMLElement实例...

3小时前 (2018-02-05) 0℃ 暂无评论 0赞

vue中的对象用法之class与style绑定

vue中的对象用法之class与style绑定
操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。...

3小时前 (2018-02-05) 0℃ 暂无评论 0赞

vue中的created和mounted的区别详解

vue中的created和mounted的区别详解
什么是生命周期
Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。
...

3天前 (2018-02-01) 5℃ 暂无评论 0赞

vue组件详解

vue组件详解
什么是组件？
组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。
所有的 Vue 组件同时也都是 Vue 的实例，所以可接受相同的选项对象 (除了一些根级特有的选项) 并提供相同的生命周期钩子。
使用组件


...

3天前 (2018-02-01) 6℃ 暂无评论 0赞