![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
vue
m0_73882020
这个作者很懒,什么都没留下…
展开
-
vue3 ----- Pinia
编写方式:异步action函数的写法和组件中获取异步数据的写法完全一致。原创 2024-07-15 16:06:07 · 302 阅读 · 0 评论 -
vue3~
计算属性基本思想和Vue2的完全一致,组合式API下的计算属性只是修改了写法Vue3的生命周期API (选项式 VS 组合式)defineProps 原理:就是编译阶段的一个标识,实际编译器解析时,遇到后会进行编译转换通过ref标识获取真实的dom对象或者组件实例对象顶层组件向任意的底层组件传递数据和方法,实现跨层组件通信。原创 2024-07-13 18:42:28 · 540 阅读 · 0 评论 -
vue2 --- watch 侦听器(监视器)
(2) immediate: true 初始化立刻执行一次handler方法。作用:监视数据变化,执行一些 业务逻辑 或 异步操作。(1) deep: true 对复杂类型深度监视。① 简单写法 → 简单类型数据,直接监视。② 完整写法 → 添加额外配置项。原创 2024-07-10 17:08:33 · 199 阅读 · 0 评论 -
vue ---- 自定义指令
使用局部注册方法① v-指令名 = "指令值" ,通过 等号 可以绑定指令的值② 通过 binding.value 可以拿到指令的值③ 通过 update 钩子,可以监听指令值的变化,进行dom更新操作。原创 2024-07-10 17:39:44 · 181 阅读 · 0 评论 -
vue2-计算属性
概念:基于现有的数据,计算出来的新属性。依赖的数据变化,自动重新计算。① 声明在 computed 配置项中,一个计算属性对应一个函数。② 使用起来和普通属性一样使用 {{ 计算属性名 }}计算属性 → 可以将一段 求值的代码 进行封装。作用:封装了一段对于数据的处理,求得一个结果。作用:给实例提供一个方法,调用以处理业务逻辑。{{ 方法名() }} @事件名="方法名"① 写在 computed 配置项中。② 作为属性,直接使用 →。② 作为方法,需要调用 →。{{ 计算属性 }}原创 2024-07-06 17:01:29 · 523 阅读 · 0 评论 -
vue---v-model 应用于其他表单元素
常见的表单元素都可以用 v-model 绑定关联 → 快速 获取 或 设置 表单元素的值。它会根据 控件类型 自动选取 正确的方法 来更新元素。原创 2024-07-06 16:46:44 · 116 阅读 · 0 评论 -
vue2--Vuex
目标:掌握 mutations 的操作流程,来修改 state 数据。(state数据的修改只能通过 mutations )原创 2024-07-08 17:45:07 · 332 阅读 · 0 评论 -
vue--组件的构成
scoped原理。data 是一个函数。原创 2024-07-09 15:09:01 · 99 阅读 · 0 评论 -
vscode + git + gitee 的使用
4.git --global user.name '' 你的用户名'' git --global user.email '' 你的邮箱''完整写法:git push --set-upsteam origin master:master。第一次设置时,需要输入用户名和密码,去gitee找你的个人信息,如下图。4. git remote add 远程仓库别名 远程仓库地址。3. git -v 查看git的版本号,确保git正确安装。5. git push -u 远程仓库别名 本地仓库分支。原创 2024-06-28 23:28:49 · 150 阅读 · 0 评论 -
Vue2 的一个小实例和常用指令
v-html = "表达式 " → 动态设置元素 innerHTML,用于输出HTML内容。2. 语法: v-show = "表达式" 表达式值 true 显示, false 隐藏。2. 语法: v-if = "表达式" 表达式值 true 显示, false 隐藏。Ø 省略 index: v-for = "item in 数组"2. 语法: v-else v-else-if = "表达式"② v-on:事件名 = "methods中的函数名"2. 语法: v-bind:属性名="表达式"原创 2024-07-03 22:18:44 · 378 阅读 · 0 评论 -
vue2 ---- 插槽(组件自定义)
作用:让组件内部的一些 结构 支持 自定义插槽基本语法:1. 组件内需要定制的结构部分,改用占位2. 使用组件时, 标签内部, 传入结构替换slot。原创 2024-07-10 18:26:38 · 246 阅读 · 0 评论 -
Vue 生命周期
Vue生命周期过程中,原创 2024-07-09 16:23:24 · 173 阅读 · 0 评论 -
vue - 指令修饰符
通过 "." 指明一些指令 后缀,不同 后缀 封装了不同的处理操作 → 简化代码。原创 2024-07-03 22:59:14 · 198 阅读 · 0 评论 -
vue--组件通信
组件通信, 就是指 组件与组件 之间的数据传递。⚫ 组件的数据是独立的,无法直接访问其他组件的数据。⚫ 想用其他组件的数据 → 组件通信。原创 2024-07-09 15:39:08 · 628 阅读 · 0 评论 -
vue2 ---- 路由
Vue中路由:路径 和 组件 的 映射 关系。原创 2024-07-11 00:55:21 · 383 阅读 · 0 评论 -
vue---v-bind 对于样式控制的增强
适用场景:一个类名,来回切换 适用场景:批量添加或删除类 :class="['pink', 'big']"① 对象 → 键就是类名,值是布尔值。如果值为 true,有这个类,否则没有这个类。② 数组 → 数组中所有的类,都会添加到盒子上,本质就是一个 class 列表。语法 :class = "对象/数组"语法 :style = "样式对象"适用场景:某个具体属性的动态设置。原创 2024-07-06 16:24:52 · 167 阅读 · 0 评论 -
工程化开发 & 脚手架 Vue CLI
1. 核心包传统开发模式:基于 html / css / js 文件,直接引入核心包,开发 Vue。2. 工程化开发模式:基于构建工具(例如:webpack ) 的环境中开发 Vue。举例如下图。原创 2024-07-09 16:42:25 · 513 阅读 · 0 评论 -
vue---v-model 原理
v-model原理原创 2024-07-09 16:02:28 · 129 阅读 · 0 评论 -
ESlint 代码规范
JavaScript Standard Style 规范说明: https://standardjs.com/rules-zhcn.html。原创 2024-07-11 01:20:55 · 169 阅读 · 0 评论