IT入门 > 教程 >

Vue.js 模板语法

Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。 结合响应...

Vue.js 条件语句

条件判断 v-if 条件判断使用 v-if 指令： v-if 指令 在元素 和 template 中使用 v-if 指令： div id="app" p v-if="seen"现在你看到我了/p template v-if="ok" h1嘀嗒教程/h1 p学的不仅是技术，更是梦想！/...

Vue.js 计算属性

计算属性关键词: computed 。 计算属性在处理一些复杂逻辑时是很有用的。 可以看下以下反转字符串的例子： 实例 1 div id="app" {{ message.split('').reverse().join('') }}/div 尝试一下 » 实例 1 中模...

Vue.js 监听属性

本章节，我们将为大家介绍 Vue.js 监听属性 watch，我们可以通过 watch 来响应数据的变化。 以下实例通过使用 watch 实现计数器： 实例 div id = "app" p style = "font-size:25px;"计数器: {{ counter }...

Vue.js 样式绑定

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

Vue.js 事件处理器

事件监听可以使用 v-on 指令： v-on div id="app" button v-on:click="counter += 1"增加 1/button p这个按钮被点击了 {{ counter }} 次。/p/div scriptnew Vue({ el: '#app', data: { counter: 0 }})/script 尝试一下 » 通常情...

Vue.js 表单

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

Vue.js 组件

组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可...

Vue.js 组件 - 自定义事件

父组件是使用 props 传递数据给子组件，但如果子组件要把数据传递回去，就需要使用自定义事件！ 我们可以使用 v-on 绑定自定义事件, 每个 Vue 实例都实现了事件接口(Events interface)，即...

Vue.js 自定义指令

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