在码农港湾
做一个实实在在的内行人

Vue.js

Vue.js 对比其它框架

阅读(662)

Angular 选择 Vue 而不选择 Angular,有下面几个原因,当然不是对每个人都适合: 在 API 与设计两方面上 Vue.js 都比 Angular 简单得多,因此你可以快速地掌握它的全部特性并投入开发。 Vue.js 是一个更...

Vue.js 构建大型应用

阅读(530)

新: 使用脚手架工具 vue-cli 可以快速地构建项目:单文件 Vue 组件,热加载,保存时检查代码,单元测试等。 Vue.js 的设计思想是专注与灵活——它只是一个界面库,不强制使用哪个架构。它能很好地与已有项目整合,不过对于经验欠缺的...

Vue.js 插件

阅读(504)

开发插件 插件通常会为 Vue 添加全局功能。插件的范围没有限制——通常是下面几种: 添加全局方法或属性,如 vue-element 添加全局资源:指令/过滤器/过渡等,如 vue-touch 添加 Vue 实例方法,通过把它们添加到 Vu...

Vue.js 混合

阅读(440)

基础 混合以一种灵活的方式为组件提供分布复用功能。混合对象可以包含任意的组件选项。当组件使用了混合对象时,混合对象的所有选项将被“混入”组件自己的选项中。 示例: // 定义一个混合对象 var myMixin = { created: f...

Vue.js 自定义过滤器

阅读(477)

基础 类似于自定义指令,可以用全局方法 Vue.filter() 注册一个自定义过滤器,它接收两个参数:过滤器 ID 和过滤器函数。过滤器函数以值为参数,返回转换后的值: Vue.filter('reverse', function (va...

Vue.js 自定义指令

阅读(482)

基础 除了内置指令,Vue.js 也允许注册自定义指令。自定义指令提供一种机制将数据的变化映射为 DOM 行为。 可以用 Vue.directive(id, definition) 方法注册一个全局自定义指令,它接收两个参数指令 ID 与定...

Vue.js 深入响应式原理

阅读(459)

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

Vue.js 组件

阅读(547)

使用组件 注册 之前说过,我们可以用 Vue.extend() 创建一个组件构造器: var MyComponent = Vue.extend({ // 选项... }) 要把这个构造器用作组件,需要用 Vue.component(tag,...

Vue.js 过渡

阅读(455)

通过 Vue.js 的过渡系统,可以在元素从 DOM 中插入或移除时自动应用过渡效果。Vue.js 会在适当的时机为你触发 CSS 过渡或动画,你也可以提供相应的 JavaScript 钩子函数在过渡过程中执行自定义的 DOM 操作。 为了...

Vue.js 表单控件绑定

阅读(530)

基础用法 可以用 v-model 指令在表单控件元素上创建双向数据绑定。根据控件类型它自动选取正确的方法更新元素。尽管有点神奇,v-model 不过是语法糖,在用户输入事件中更新数据,以及特别处理一些极端例子。 Text <span&...

Vue.js 方法与事件处理器

阅读(525)

方法处理器 可以用 v-on 指令监听 DOM 事件: <div id="example"> <button v-on:click="greet">Greet</button> </div> ...

Vue.js 列表渲染

阅读(568)

v-for 可以使用 v-for 指令基于一个数组渲染一个列表。这个指令使用特殊的语法,形式为 item in items,items 是数据数组,item 是当前数组元素的别名: 示例: <ul id="example-1">...

Vue.js 条件渲染

阅读(687)

v-if 在字符串模板中,如 Handlebars,我们得像这样写一个条件块: <!-- Handlebars 模板 --> {{#if ok}} <h1>Yes</h1> {{/if}} 在 Vue.j...

Vue.js Class 与 Style 绑定

阅读(205)

数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性,我们可以用 v-bind 处理它们:我们只需要计算出表达式最终的字符串。不过,字符串拼接麻烦又易错。因此,在v-bind 用于 class 和 style ...

Vue.js 计算属性

阅读(510)

在模板中表达式非常便利,但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑,应当使用计算属性。 基础...

码农刷题必备工具 VS 码农进阶必读书籍

IT面试宝典宝典書城