摘要:
状态管理 类 Flux 状态管理的官方实现 由于状态零散地分布在许多组件和组件之间的交互中,大型应用复杂度也经常逐渐增长。为了解决这个问题,Vue 提供 vuex:我们有受到 Elm 启发的状态管理库。vuex 甚至集成到 vue-devtools,无需配置即可进行时光旅行调试。 React 的开发 阅读全文
摘要:
插件 开发插件 插件通常会为 Vue 添加全局功能。插件的范围没有限制——一般有下面几种: 添加全局方法或者属性,如: vue-custom-element 添加全局资源:指令/过滤器/过渡等,如 vue-touch 通过全局 mixin 方法添加一些组件选项,如: vue-router 添加 Vu 阅读全文
摘要:
组件基础 基本示例 这里有一个 Vue 组件的示例: 组件是可复用的 Vue 实例,且带有一个名字:在这个例子中是 <button-counter>。我们可以在一个通过 new Vue 创建的 Vue 根实例中,把这个组件作为自定义元素来使用: You clicked me 0 times. 因为组 阅读全文
摘要:
进入/离开 & 列表过渡 概述 Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。包括以下工具: 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库,如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 可以配 阅读全文
摘要:
状态过渡 Vue 的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效呢,比如: 数字和运算 颜色的显示 SVG 节点的位置 元素的大小和其他的属性 所有的原始数字都被事先存储起来,可以直接转换到数字。做到这一步,我们就可以结合 Vue 的响应式和组件系统,使用第三 阅读全文
摘要:
过滤器 Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示: 你可以在一个组件的选项中定义本地的过滤器: 或者在创 阅读全文
摘要:
指令 v-text 预期:string 详细: 更新元素的 textContent。如果要更新部分的 textContent ,需要使用 {{ Mustache }} 插值。 示例: <span v-text="msg"></span><!-- 和下面的一样 --><span>{{msg}}</sp 阅读全文
摘要:
最近有时间来总结一下vue的知识: 一、vue.js 被定义成一个开发web界面的前端库,是一个非常轻量的工具。vue.js本身具有响应式和组件化的特点。 我们不需要在维护视图和数据的统一上花费大量的时间,只需要关注于 data 的变化,代码变得更加容易维护。 但是要选择框架还是要根据实际情况。 理 阅读全文