Vue
文章平均质量分 89
Vue相关技术
我想养只猫 •͓͡•ʔ
Coder
展开
-
【Vue】条件与循环语句 | v-if v-show v-for实例
条件与循环语句引言在前端开发之中, 灵活的控制渲染是很有必要的,快速构建也是很有必要的,条件渲染和循环渲染,在视图构建中起着重要作用.条件语句v-ifv-if 指令用于条件性地渲染内容此内容只会在指令的表达式返回除了 false,0,"",null,undefined 和 NaN 外的值的时候被渲染<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8">原创 2021-12-08 13:29:03 · 17515 阅读 · 5 评论 -
【Vue】Class与Style的绑定 —— 绑定对象与数组
引言操作元素的 class 列表和内联样式是数据绑定的一个常见需求因为它们都是属性,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可不过,字符串拼接麻烦且易错. 因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强. 表达式结果的类型除了字符串之外,还可以是对象或数组。动态的绑定与修改class绑定绑定对象给 :class 一个对象,以动态地切换 class,语法类似键值对, 布尔值的value决定了String类型的Key是否原创 2021-11-29 17:12:30 · 20267 阅读 · 0 评论 -
【Vue】侦听属性与过滤器 | watch与filters实例
侦听属性在开发我们需要监听数据的变化,Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动,侦听属性。在实例 watch 选项中确定监听项。语法new Vue({ data: { strTest: "abc", }, watch: { strTest: function (newVal, oldVal) { console.log("新值:" + newVal) cons原创 2021-11-29 15:45:01 · 20153 阅读 · 0 评论 -
【Vue】模板语法 —— 表达式、插值、指令
简介模板语法大家多少都有所接触,例如百度模板引擎、ejs 等等同样 Vue.js 也使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析,通俗的讲 Vue 模板语法就是在使用 Vue.js 开发时,你可以写在 HTML 元素上的操作语法,让你开发更高效,例如:绑定样式,循环出元素列表等表达式在前端的发展历程中,为了提高开发效率,诞生了很多模板引擎,方便渲染元素原创 2021-11-29 15:02:52 · 20015 阅读 · 0 评论