Young_Yang_Yang - 博客园

2023年6月8日

摘要： # `私有过滤器`和`全局过滤器` 在filters节点下定义的过滤器，称为”`私有过滤器`“，因为它`它只能在当前VM实例所控制的el区域内使用`。如果希望`在多个vue实例之间共享过滤器`，则可以按照如下的格式定义`全局过滤器`： ```HTML message的值是：{{message | c 阅读全文

posted @ 2023-06-08 22:58 Young_Yang_Yang 阅读(73) 评论(0) 推荐(0) 编辑

过滤器-过滤器的基本用法

摘要： # 过滤器 `过滤器`（`Filters`）是vue为开发者提供的功能，常用于`文本的格式化`。过滤器可以用在两个地方：`插值表达式`和`v-bind属性绑定`。过滤器应该被添加在JavaScript表达式的`尾部`，由"`管道符`"进行调用，示例代码如下： ```HTML message的值是：阅读全文

posted @ 2023-06-08 00:10 Young_Yang_Yang 阅读(8) 评论(0) 推荐(0) 编辑

2023年6月6日

列表循环-强调v-for循环中key值的注意点

摘要： # key的注意事项 1. key的值只能是`字符串`或`数字`类型 1. key的值`必须具有唯一性`（即：key的值不能重复） 1. 建议把`数据项id属性的值`作为key的值（因为id属性的值具有唯一性） 1. 使用`index的值`当作key的值`没有任何意义`（因为index的值不具有唯一阅读全文

posted @ 2023-06-06 23:16 Young_Yang_Yang 阅读(42) 评论(0) 推荐(0) 编辑

列表渲染-了解v-for的基本用法

摘要： # 列表渲染指令 vue提供了`v-for`列表渲染指令，用来辅助开发者`基于一个数组来循环渲染一个列表结构`。v-for指令需要使用`item in items`形式的特殊语法，其中： - items是`待循环的数组` - item是`被循环的每一项` v-for指令还支持一个`可选的`第二个参数阅读全文

posted @ 2023-06-06 22:44 Young_Yang_Yang 阅读(104) 评论(0) 推荐(0) 编辑

条件渲染-v-if的配套的指令

摘要： # v-else v-if可以单独使用，或配合v-else指令一起使用：注意：v-else指令`必须配合`v-if指令一起使用，否则它将不会被识别！ # v-else-if v-else-if指令，顾名思义，充当v-if的”else-if块“，可以连续使用：注意：v-else-if指令`必须配合阅读全文

posted @ 2023-06-06 00:24 Young_Yang_Yang 阅读(20) 评论(0) 推荐(0) 编辑

条件渲染-了解v-if和v-show的区别

摘要： #条件渲染指令 `条件渲染指令`用来辅助开发者`按需控制DOM的显示与隐藏`。条件渲染指令有如下两个，分别是： - v-if的原理是：每次动态创建或移除元素，实现元素的显示和隐藏 - 如果刚进入页面的时候，某些元素默认不需要被展示，而且后期这个元素也不需要被展示出来，此时v-if性能更好 - v-s 阅读全文

posted @ 2023-06-06 00:13 Young_Yang_Yang 阅读(15) 评论(0) 推荐(0) 编辑

2023年6月5日

双向绑定-v-model的修饰符

posted @ 2023-06-05 23:15 Young_Yang_Yang 阅读(14) 评论(0) 推荐(0) 编辑

双向绑定-了解v-model指令的用法

摘要： # 双向绑定指令 vue提供了`v-model双向数据绑定`指令，用来辅助开发者在`不操作DOM`的前提下，`快速获取表单的数据`。 input、textarea、select可以使用v-model指令 ```html 用户的名字是：{{username}} ``` 阅读全文

posted @ 2023-06-05 01:09 Young_Yang_Yang 阅读(17) 评论(0) 推荐(0) 编辑

事件绑定-按键修饰符

摘要： # 按键修饰符在监听`键盘事件`时，我们经常需要`判断详细的按键`。此时，可以为`键盘相关的事件`添加`按键修饰符`，例如： ```html ``` 阅读全文

posted @ 2023-06-05 00:52 Young_Yang_Yang 阅读(2) 评论(0) 推荐(0) 编辑

2023年6月4日

事件绑定-事件修饰符

摘要： # 事件修饰符在事件处理函数中调用`event.preventDefault()`或`event.stopPropagation()`是非常常见的需求。因此，vue提供了`事件修饰符`的概念，来辅助程序员更方便的`对事件的触发进行控制`。常用的5个事件修饰符如下： | 事件修饰符 | 说明 | | 阅读全文

posted @ 2023-06-04 23:20 Young_Yang_Yang 阅读(6) 评论(0) 推荐(0) 编辑

公告