Vue.js 计算属性计算属性关键词: computed。计算属性在处理一些复杂逻辑时是很有用的。可以看下以下反转字符串的例子：实例 1<div id="app"> {{ message.split('').reverse().join('') ... 阅读全文>>

Vue.js 事件处理器事件监听可以使用 v-on 指令：v-on<div id="app"> <button v-on:click="counter += 1">增加 1</button> <... 阅读全文>>

Vue.js 样式绑定Vue.js classclass 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。Vue.js v-bind 在处理 class 和 style 时， 专门增强了它。表达式的结果类型除了字符串之外，... 阅读全文>>

Vue.js 表单这节我们为大家介绍 Vue.js 表单上的应用。你可以用 v-model 指令在表单控件元素上创建双向数据绑定。v-model 会根据控件类型自动选取正确的方法来更新元素。输入框实例中演示了 input 和 textarea 元素中使用 v-model 实现双向... 阅读全文>>

Vue.js 组件组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：注册一个全局组件语法格式如下：Vue.compon... 阅读全文>>

Vue.js 自定义指令除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时，元素获得焦点：实例<div id="app"> &... 阅读全文>>

Vue.js 路由本章节我们将为大家介绍 Vue.js 路由。Vue.js 路由允许我们通过不同的 URL 访问不同的内容。通过 Vue.js 可以实现多视图的单页Web应用（single page web application，SPA）。Vue.js 路由需要载入 vue-... 阅读全文>>

Vue.js 过渡 & 动画本章节我们主要讨论 Vue.js 的过渡效果与动画效果。过渡Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。Vue 提供了内置的过渡封装组件，该组件用于包裹要实现过渡效果的组件。语法格式<transition name ... 阅读全文>>

Vue.js 混入混入 (mixins)定义了一部分可复用的方法或者计算属性。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。来看一个简单的实例：实例var vm = new Vue({ el: '#databinding',... 阅读全文>>

Vue.js Ajax(vue-resource)Vue 要实现异步加载需要使用到 vue-resource 库。Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。<script src="https://cdn.staticfile.org/vue... 阅读全文>>

Vue.js 实例本章节为大家介绍几个 Vue.js 实例，通过实例练习来巩固学到的知识点。导航菜单实例导航菜单创建一个简单的导航菜单：<div id="main"> <!-- 激活的菜单样式为 active 类 --> ... 阅读全文>>

Vue.js 响应接口Vue 可以添加数据动态响应接口。例如以下实例，我们通过使用 $watch 属性来实现数据的监听，$watch 必须添加在 Vue 实例之外才能实现正确的响应。实例中通过点击按钮计数器会加 1。setTimeout 设置 10 秒后计算器的值加上 20 。实... 阅读全文>>

AngularJS 教程AngularJS 通过新的属性和表达式扩展了 HTML。AngularJS 可以构建一个单一页面应用程序（SPAs：Single Page Applications）。AngularJS 学习起来非常简单。现在开始学习 AngularJS！每个章节都有相... 阅读全文>>

AngularJS 简介AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。AngularJS 是一个 JavaScri... 阅读全文>>

AngularJS 表达式AngularJS 使用 表达式 把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内：{{ expression }}。AngularJS 表达式把数据绑定到 HTML，这与 ng-bind 指令有异曲同工之妙。A... 阅读全文>>

AngularJS 指令AngularJS 通过被称为 指令 的新属性来扩展 HTML。AngularJS 通过内置的指令来为应用添加功能。AngularJS 允许你自定义指令。AngularJS 指令AngularJS 指令是扩展的 HTML 属性，带有前缀 ng-。ng-ap... 阅读全文>>

AngularJS 控制器?AngularJS 控制器 控制 AngularJS 应用程序的数据。?AngularJS 控制器是常规的 JavaScript 对象。AngularJS 控制器AngularJS 应用程序被控制器控制。ng-controller 指令定义了应用程序控... 阅读全文>>

AngularJS 过滤器过滤器可以使用一个管道字符（|）添加到表达式和指令中。AngularJS 过滤器AngularJS 过滤器可用于转换数据： 过滤器 描述 currency 格式化数字为货币格式。 filter 从数组项中选择一个子集。 lowercase ... 阅读全文>>

AngularJS HTML DOMAngularJS 为 HTML DOM 元素的属性提供了绑定应用数据的指令。ng-disabled 指令ng-disabled 指令直接绑定应用程序数据到 HTML 的 disabled 属性。AngularJS 实例<div ng-a... 阅读全文>>

AngularJS 事件AngularJS 有自己的 HTML 事件指令。ng-click 指令ng-click 指令定义了 AngularJS 点击事件。 AngularJS 实例<div ng-app="" ng-controller="myCtrl"><b... 阅读全文>>