vue 2.0 学习(十一、 状态管理模式-爱代码爱编程
文章目录 一、Devtools安装到谷歌浏览器 二、变量的共享1. 创建共享变量文件的方式2. 使用 Vuex 的方式共享变量1. Vuex 的安装2. Vuex 核心属性 - state3. Vue
vue3路由配置、跳转_vue3 router base-爱代码爱编程
router/index.js import { createRouter, createWebHistory } from 'vue-router' // createRouter 创建路由实例，===> new
vue3 开发利器——unplugin-爱代码爱编程
这玩意儿是干啥的？ 还记得 Vue 3 的组合式 API 语法吗？如果有印象，那你肯定对以下代码有着刻入 DNA 般的熟悉： 刚开始写觉得没什么，但是后来渐渐发现，这玩意儿几乎每个页面都有啊！ 每次都要写，哪怕是复制粘贴都会非常繁琐。并且每一个 <script setup> 下面都顶着一大坨 import，看着也十分难受。 本文介绍的
vue3 + ts + vite 工程化开发tampermonkey【油猴、篡改猴】脚本-爱代码爱编程
项目概述 vue3 + ts + vite 工程化开发Tampermonkey【油猴、篡改猴】脚本。 编译后生成Tampermonkey脚本，导入到Tampermonkey插件中直接使用。 项目背景 在与后端用Swag
vue2 -爱代码爱编程
插槽、路由 一、插槽（solt）1.1 概念1.2 基本用法1.3 分类1.3.1 默认插槽（Default Slot）例子： 1.3.2 具名插槽（Named Slots）语法： 1.3.
v-爱代码爱编程
通过v-bind切换样式，:class="{ active:true}"为true展示样式，false不展示。也可以由:style="{ width:percent + '%'}"动态控制宽度。 注意后面是JS对象，所以后面
使用 vue cli 创建 vue.js 项目的详细指南-爱代码爱编程
文章目录 前言一、Vue CLI 简介二、环境准备三、创建新项目四、项目结构解析结语 前言 在现代前端开发的世界里，Vue.js 作为一款渐进式 JavaScript 框架，以其简单易用和
《vue 数据绑定：开启动态页面之旅》_vue 綁定-爱代码爱编程
一、Vue 数据绑定概述 Vue 中有两种主要的数据绑定方式，分别是单项绑定（v-bind）和双向绑定（v-model）。 单项绑定（v-bind） 单项绑定数据只能从 data 流向页面。例如，使用双大括号的插值形式或 v-bind 指令与页面元素属性一起使用，可以实现单项绑定。如：<span> Message: {{ msg }}&l
pinia使用的语法以及vuex的使用语法，以及两者的区别。_pinia兼容vuex-爱代码爱编程
Pinia是一个基于Vue 3的状态管理库，而VueX是Vue.js官方推荐的状态管理库。下面详细介绍一下Pinia和VueX的使用语法以及它们之间的区别： Pinia使用语法 创建Pinia Store： impor
vue实现学生成绩管理案例_vue成绩管理-爱代码爱编程
实现了学生成绩的管理，可以增加科目成绩，不及格的成绩自动标红，删除成绩，实现总分统计、平均分计算。 html代码 <!DOCTYPE html> <html lang="en"> <he
尚硅谷vue3入门到实战，最新版vue3+typescript前端开发教程_尚硅谷vue3入门到实战,最新版vue3+typescript前端开发教程-爱代码爱编程
TypeScript+组合式API+setup语法糖 1. Vue3简介 2020年9月18日，Vue.js发布版3.0版本，代号：One Piece（海贼王）经历了：4800+次提交、40+个RFC、600+次PR、300+贡献者官方发版地址：Release v3.0.0 One Piece · vuejs/core截止2023年10月，最新的公开版
vue 简单入手_vue开发-爱代码爱编程
前端工程化（Front-end Engineering）指的是在前端开发中，通过一系列工具、流程和规范的整合，以提高开发效率、代码质量和可维护性的一种技术和实践方法。其核心目的是使得前端开发变得更高效、可扩展和可维护。
vue2基础语法速通2_vue速通-爱代码爱编程
目录 计算属性计算属性的简写监视属性深层次监视watch 和 computed 区别绑定 class 和 style 样式条件渲染列表渲染key 有啥用列表过滤 计算属性 基本类似于方
《vue 实战：小型项目练手与感悟》-爱代码爱编程
一、Vue 基础与准备 在开始 Vue 项目之前，对 JavaScript、CSS、HTML 基础知识的掌握至关重要。 一、JavaScript 基础知识要求 数组常用方法 filter ()：创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。 map ()：返回一个新数组，数组中的元素为原始数组元素调用函数
05.智慧商城——路由前置守卫、首页动态渲染_智慧商城首页渲染-爱代码爱编程
01. 登录访问拦截 - 路由前置守卫 目标：基于全局前置守卫，进行页面访问拦截处理 说明：智慧商城项目，大部分页面，游客都可以直接访问, 如遇到需要登录才能进行的操作，提示并跳转到登录 但是：对于支付页，订单页等，必
01.智慧商城——项目介绍与初始化_智慧商城项目 鹏鹏老师 csdn-爱代码爱编程
智慧商城 - 授课大纲 接口文档：https://apifox.com/apidoc/shared-12ab6b18-adc2-444c-ad11-0e60f5693f66/doc-2221080 演示地址：http:/
03.智慧商城——封装请求模块、登录静态页面、图形验证码_智慧登录页面的样式-爱代码爱编程
01. 登录页静态布局 (1) 准备工作 新建 styles/common.less 重置默认样式 // 重置默认样式 * { margin: 0; padding: 0; box-sizing: bord
vue3的条件渲染，列表渲染、双向绑定、计算属性，数据监听器等的语法_vue3渲染数组,并监听变化-爱代码爱编程
本文主要记录Vue 3 中的条件渲染、列表渲染、双向绑定、计算属性、数据监听器等语法和使用方式。 1. 条件渲染 条件渲染可以通过 v-if 和 v-else 指令来实现。 <template> <
【vue3+vite】vue3视图渲染技术 快速学习 第二期_vue3 +vite 的服务端渲染-爱代码爱编程
文章目录 一、模版语法1.1 插值表达式和文本渲染1.1.1 插值表达式 语法1.1.2 文本渲染 语法 1.2 Attribute属性渲染1.3 事件的绑定 二、响应式基础2.1 响应式需求案例