2020年02月的内容

Vue.js教程

插件

插件
Vue.js 2.0 开发插件 插件通常会为Vue添加全局功能。插件的范围没有限制——一般有下面几种: 添加全局方法或者属性,如:vue-element 添加全局资源:指令/过滤器/过渡等,如:vue-touch 通过全局...

AI君 3周前 (02-28) 8℃ 0喜欢

Vue.js教程

混合

混合
Vue.js 2.0 混合基础 混合是一种灵活的分布式复用 Vue 组件的方式。混合对象可以包含任意组件选项。以组件使用混合对象时,所有混合对象的选项将被混入该组件本身的选项。 例子: // 定义一个混合对象 var myMixin = {...

AI君 3周前 (02-28) 16℃ 0喜欢

Vue.js教程

自定义指令

自定义指令
自定义指令简介 除了默认设置的核心指令( v-model 和 v-show ),Vue 也允许注册自定义指令。注意,在 Vue2.0 里面,代码复用的主要形式和抽象是组件——然而,有的情况下,你仍然需要对纯 DOM 元素进行底层操作,这时候...

AI君 3周前 (02-28) 8℃ 0喜欢

Vue.js教程

Render 函数

Render 函数
Vue.js 2.0 Render 函数基础 Vue 推荐使用在绝大多数情况下使用 template 来创建你的 HTML。然而在一些场景中,你真的需要 JavaScript 的完全编程的能力,这就是 render 函数,它比 templa...

AI君 3周前 (02-28) 11℃ 0喜欢

Vue.js教程

过渡状态

过渡状态
过渡状态 Vue 的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效呢,比如: 数字和运算 颜色的显示 SVG 节点的位置 元素的大小和其他的属性 所有的原始数字都被事先存储起来,可以直接转换到数字。...

AI君 3周前 (02-28) 5℃ 0喜欢

Vue.js教程

过渡效果

过渡效果
Vue.js 2.0 过渡效果概述 Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。包括以下工具: 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库,如 Animate.css 在...

AI君 3周前 (02-28) 11℃ 0喜欢

Vue.js教程

深入响应式原理

深入响应式原理
Vue.js 2.0 深入响应式原理 大部分的基础内容我们已经讲到了,现在讲点底层内容。Vue 最显著的一个功能是响应系统 —— 模型只是普通对象,修改它则更新视图。这会让状态管理变得非常简单且直观,不过理解它的原理以避免一些常见的陷阱也是...

AI君 3周前 (02-28) 11℃ 0喜欢

Vue.js教程

组件

组件
Vue.js 2.0 组件 什么是组件? 组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素, Vue.js 的编译器为它添加特殊功能。在有些情况下...

AI君 3周前 (02-28) 12℃ 0喜欢

Vue.js教程

表单控件绑定

表单控件绑定
Vue.js 2.0 表单控件绑定 基础用法 你可以用 v-model 指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖,它负责监听用户的输入事件以更...

AI君 3周前 (02-28) 10℃ 0喜欢

Vue.js教程

事件处理器

事件处理器
Vue.js 2.0 事件处理器 监听事件 可以用 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码。 示例: <div id="example-1"> <button v-on:click="...

AI君 3周前 (02-28) 11℃ 0喜欢