随笔分类 -  vue2

摘要:```HTML 发起POST请求 发起GET请求 GET POST ``` 阅读全文
posted @ 2023-06-14 00:21 Young_Yang_Yang 阅读(59) 评论(0) 推荐(0)
摘要:```HTML 发起POST请求 发起GET请求 ``` 阅读全文
posted @ 2023-06-13 23:35 Young_Yang_Yang 阅读(64) 评论(0) 推荐(0)
摘要:```HTML 发起POST请求 ``` 阅读全文
posted @ 2023-06-13 22:58 Young_Yang_Yang 阅读(105) 评论(0) 推荐(0)
摘要:> axios是一个专注于网络请求的库! ```HTML ``` 阅读全文
posted @ 2023-06-12 23:23 Young_Yang_Yang 阅读(101) 评论(0) 推荐(0)
摘要:特点: 1. 定义的时候,要被定义为”方法“ 1. 在使用计算属性的时候,当普通的属性使用即可 好处: 1. 实现了代码的复用 1. 只要计算属性中依赖的数据源,则计算属性会自动重新求值 ```HTML Document R: G: B: {{ `rgb(${r}, ${g}, ${b})` }} 阅读全文
posted @ 2023-06-12 22:49 Young_Yang_Yang 阅读(84) 评论(0) 推荐(0)
摘要:# 1.什么是计算属性 计算属性指的是`通过一系列运算`之后,最终得到一个`属性值`。 `这个动态计算出来的属性值`可以被模板结构或methods方法使用。 ```HTML Document R: G: B: {{ `rgb(${r}, ${g}, ${b})` }} 按钮 ``` 阅读全文
posted @ 2023-06-12 22:43 Young_Yang_Yang 阅读(55) 评论(0) 推荐(0)
摘要:```HTML ``` 阅读全文
posted @ 2023-06-11 23:34 Young_Yang_Yang 阅读(19) 评论(0) 推荐(0)
摘要:```HTML ``` 阅读全文
posted @ 2023-06-11 00:33 Young_Yang_Yang 阅读(32) 评论(0) 推荐(0)
摘要:```HTML ``` 阅读全文
posted @ 2023-06-10 23:59 Young_Yang_Yang 阅读(24) 评论(0) 推荐(0)
摘要:# 什么是watch侦听器 `watch侦听器`允许开发者监视数据的变化,从而`针对数据的变化做特定的操作`。 1. 方法格式的侦听器 - 缺点1:无法在刚进入页面的时候,自动触发!!!! - 缺点2:如果侦听的是一个对象,如果对象中的属性发生了变化,不会触发侦听器!!! 1. 对象格式的侦听器 - 阅读全文
posted @ 2023-06-09 00:29 Young_Yang_Yang 阅读(19) 评论(0) 推荐(0)
摘要:# `私有过滤器`和`全局过滤器` 在filters节点下定义的过滤器,称为”`私有过滤器`“,因为它`它只能在当前VM实例所控制的el区域内使用`。如果希望`在多个vue实例之间共享过滤器`,则可以按照如下的格式定义`全局过滤器`: ```HTML message的值是:{{message | c 阅读全文
posted @ 2023-06-08 22:58 Young_Yang_Yang 阅读(85) 评论(0) 推荐(0)
摘要:# 过滤器 `过滤器`(`Filters`)是vue为开发者提供的功能,常用于`文本的格式化`。过滤器可以用在两个地方:`插值表达式`和`v-bind属性绑定`。 过滤器应该被添加在JavaScript表达式的`尾部`,由"`管道符`"进行调用,示例代码如下: ```HTML message的值是: 阅读全文
posted @ 2023-06-08 00:10 Young_Yang_Yang 阅读(18) 评论(0) 推荐(0)
摘要:# key的注意事项 1. key的值只能是`字符串`或`数字`类型 1. key的值`必须具有唯一性`(即:key的值不能重复) 1. 建议把`数据项id属性的值`作为key的值(因为id属性的值具有唯一性) 1. 使用`index的值`当作key的值`没有任何意义`(因为index的值不具有唯一 阅读全文
posted @ 2023-06-06 23:16 Young_Yang_Yang 阅读(111) 评论(0) 推荐(0)
摘要:# 列表渲染指令 vue提供了`v-for`列表渲染指令,用来辅助开发者`基于一个数组来循环渲染一个列表结构`。v-for指令需要使用`item in items`形式的特殊语法,其中: - items是`待循环的数组` - item是`被循环的每一项` v-for指令还支持一个`可选的`第二个参数 阅读全文
posted @ 2023-06-06 22:44 Young_Yang_Yang 阅读(187) 评论(0) 推荐(0)
摘要:# 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 阅读(40) 评论(0) 推荐(0)
摘要:#条件渲染指令 `条件渲染指令`用来辅助开发者`按需控制DOM的显示与隐藏`。条件渲染指令有如下两个,分别是: - v-if的原理是:每次动态创建或移除元素,实现元素的显示和隐藏 - 如果刚进入页面的时候,某些元素默认不需要被展示,而且后期这个元素也不需要被展示出来,此时v-if性能更好 - v-s 阅读全文
posted @ 2023-06-06 00:13 Young_Yang_Yang 阅读(36) 评论(0) 推荐(0)
摘要:# v-model指令的修饰符 `为了方便对用户输入的内容进行处理`,vue为v-model指令提供了3个修饰符,分别是 | 修饰符 | 作用 | 示例 | | | | | | .number | 自动将用户的输入值转为数值类型 | | | .trim | 自动过滤用户输入的首尾空白字符 | | | 阅读全文
posted @ 2023-06-05 23:15 Young_Yang_Yang 阅读(39) 评论(0) 推荐(0)
摘要:# 双向绑定指令 vue提供了`v-model双向数据绑定`指令,用来辅助开发者在`不操作DOM`的前提下,`快速获取表单的数据`。 input、textarea、select可以使用v-model指令 ```html 用户的名字是:{{username}} ``` 阅读全文
posted @ 2023-06-05 01:09 Young_Yang_Yang 阅读(45) 评论(0) 推荐(0)
摘要:# 按键修饰符 在监听`键盘事件`时,我们经常需要`判断详细的按键`。此时,可以为`键盘相关的事件`添加`按键修饰符`,例如: ```html ``` 阅读全文
posted @ 2023-06-05 00:52 Young_Yang_Yang 阅读(10) 评论(0) 推荐(0)
摘要:# 事件修饰符 在事件处理函数中调用`event.preventDefault()`或`event.stopPropagation()`是非常常见的需求。因此,vue提供了`事件修饰符`的概念,来辅助程序员更方便的`对事件的触发进行控制`。常用的5个事件修饰符如下: | 事件修饰符 | 说明 | | 阅读全文
posted @ 2023-06-04 23:20 Young_Yang_Yang 阅读(24) 评论(0) 推荐(0)