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