Vue组件介绍和定义

Vue

`组件是可复用的Vue实例`,通过自定义元素实现组件;html标签不区分大小写,统一使用小写,多个单词使用短横线隔开(art-list);可以使用Vue.component注册全局组件

辰风沐阳 阅读 187 2020-07-31

Vue 侦听器 watch

Vue

Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动:侦听属性。当属性发生改变时,自动触发属性对应的侦听器。当需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的。

辰风沐阳 阅读 245 2020-07-20

Vue 计算属性 computed

Vue

模板内的表达式非常便利,但是它们的设计初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。computed 计算属性就是专门用于进行复杂的属性计算的。计算属性是基于它们的响应式依赖进行缓存的。只有在相关响应式依赖发生改变时它们才会重新求值,methods 不缓存。

辰风沐阳 阅读 224 2020-07-20

Vue指令之列表渲染

Vue

v-for 指令基于一个数组来渲染一个列表。使用 `item in/of items` 形式的语法,其中 items 是源数据数组,item 是被迭代的数组元素别名,支持多种数据格式:`Array | Object | number | string | lterable(2.6新增)`

辰风沐阳 阅读 235 2020-07-19

Vue指令之条件渲染

Vue

v-show 和 v-if 指令都可以用于条件渲染。v-show 当表达式为false时仅仅是被赋予 style="display:none" 属性;v-if 则是直接将标签替换为 html中的注释 <!---->

辰风沐阳 阅读 221 2020-07-19

v-model 创建双向绑定

Vue

v-model 用于 在表单 <input>、<textarea> 及<select>元素控件或者组件上创建双向绑定,它负责监听用户的输入事件以更新数据

辰风沐阳 阅读 281 2020-06-30

Vue 指令之v-on的使用

Vue

v-on 指令用于监听 DOM 事件。v-on:click 可简写为 @click。修饰符:.stop 禁止冒泡、.once 只能触发一次。v-on绑定的事件方法中的this 自动绑定为当前 Vue实例

辰风沐阳 阅读 233 2020-06-29

Class 与 Style 绑定

Vue

将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组

辰风沐阳 阅读 220 2020-06-23

Vue 指令之v-bind指令绑定属性

Vue

指令 (Directives) 是带有 v- 前缀的特殊属性,Mustache语法不能作用在HTML属性上,遇到这种情况应该使用v-bind指令。v-bind 指令可简写为英文冒号(:)

辰风沐阳 阅读 217 2020-06-23

Vue 指令之插值 v-text、v-html、v-once

Vue

Vue 指令之插值Vue 指令之插值,也可以使用 v-text、v-html指令进行插值。因为vue是双向绑定,数据一旦发生改变,插值处的内容将自动改变;使用 `v-once` 指令使其一次性插值,则数据改变不会影响插值处的内容

辰风沐阳 阅读 241 2020-06-23