基本示例 <div id=”app”> <button-counter></bu … 继续阅读Vue学习(12)组件基础
分类:Vue
Vue学习(11)指令
常用内置指令 v-text 更新元素的 textContent。如果要更新部分的 textContent,需要 … 继续阅读Vue学习(11)指令
Vue学习(10)过滤器
概述 Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 … 继续阅读Vue学习(10)过滤器
Vue学习(9)过度&动画
概述 Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。包括以下工具: 在 CSS 过 … 继续阅读Vue学习(9)过度&动画
Vue学习(8)生命周期
每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DO … 继续阅读Vue学习(8)生命周期
Vue学习(7)表单输入绑定
基础用法 用 v-model 指令在表单 <input>、<textarea> 及 & … 继续阅读Vue学习(7)表单输入绑定
Vue学习(6)事件处理
监听事件 用 v-on 指令监听 DOM 事件 <button v-on:click=”count+=1 … 继续阅读Vue学习(6)事件处理
Vue学习(5)条件渲染与列表渲染
条件渲染 v-if v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 true 值的时候 … 继续阅读Vue学习(5)条件渲染与列表渲染
Vue学习(4)Class 与 Style 绑定
绑定 HTML Class 字符串语法 模板: <div class=”static” :class=” … 继续阅读Vue学习(4)Class 与 Style 绑定
Vue学习(3)计算属性和侦听器
计算属性 对于任何复杂逻辑,应当使用计算属性。 侦听器 虽然计算属性在大多数情况下更合适,但有时也需要一个自定 … 继续阅读Vue学习(3)计算属性和侦听器