红茶的个人站点

  • 首页
  • 专栏
  • 开发工具
  • 其它
  • 隐私政策
vue
前端学习笔记

Vue3 学习笔记 3:计算属性

单向绑定和双向绑定 看一个示例: <template>    <div class="person">       姓:<input type="text" v-bind:value="firstName" />        <br />       名:<input type="text" v-bind:value="lastName" />        <br />       全名:????    </div> </…

2025年8月31日 0条评论 18点热度 0人点赞 魔芋红茶 阅读全文
前端学习笔记

Vue3 学习笔记 2:组合式 API

组合式和选项式 Vue2 使用的是选项式(Options)API,Vue3 推荐使用组合式(Composition)API。 关于组合式和选项式 API 的区别以及优缺点可以观看视频。 可以在 Vue3 中使用组合式 API 编写代码,但不推荐。 setup Vue3 提供一个setup方法,可以在其中以组合式的风格定义变量和方法。 比如一个选项式的 vue 组件: <template>    <div class="person">        <h2>姓名:{{ name …

2025年8月31日 0条评论 20点热度 0人点赞 魔芋红茶 阅读全文
前端学习笔记

Vue3 学习笔记 1:开始

快速开始 早前可以通过vue-cli创建 vue 项目的框架代码,但现在已经统一使用 vite 进行构建: npm create vue@latest 需要先安装 npm(NodeJS 的包管理器)。 会开启一个交互式命令行界面: 任何组件都可以在后期手动添加,这里只选择一个 TS(TypeScript)支持。 创建好项目框架后,需要进入项目根目录并安装依赖: npm install 依赖会安装在node_modules目录下。 依赖安装好后可以启动项目: npm run dev 访问命令行显示的链接即可打开项目主…

2025年8月23日 0条评论 51点热度 0人点赞 魔芋红茶 阅读全文
未分类

RuoYi 学习笔记 3:二次开发

准备工作 进行二次开发前最好先修改一下项目中的包名和子模块名称,可以使用一个工具——若依框架修改器。 将后端代码打包后使用修改器修改包名等: 修改完后重新用 idea 打开加载,处理依赖后启动,以检查是否正常。 添加业务代码 新编写的业务代码最好单独一个模块。 添加 maven 类型的子模块sky-merchant,pom 文件中添加对框架核心模块的依赖: <dependencies>    <dependency>        <groupId>com.sky</gro…

2025年8月14日 0条评论 101点热度 0人点赞 魔芋红茶 阅读全文
未分类

RuoYi 学习笔记 1:开始

若依(RuoYi)是一个基于 Spring Boot + Vue 的后台管理系统开发脚手架,可以节省实现权限管理菜单管理等基础功能的开发时间以提高开发效率。 环境准备 这里以单体项目开发进行说明。 集群项目后端可以选择使用 ruoyi-cloud。 代码下载 从使用 vue3 的前端代码仓库拉取前端代码: git clone git@github.com:yangzongzhuan/RuoYi-Vue3.git 从前后端分离版版本的后端代码仓库拉取后端代码: git clone https://github.com…

2025年8月13日 0条评论 102点热度 0人点赞 魔芋红茶 阅读全文
其它

Vue:动态加载组件

假设有一个提交申请的入口页: 页面代码位于views/Home.vue: <template>  <div>    <div      style="        display: flex;        flex-direction: column;        align-items: center;        justify-content: center;        height: 100vh;      "    >      <h1>首页&l…

2025年6月9日 0条评论 134点热度 0人点赞 魔芋红茶 阅读全文
前端学习笔记

前端学习笔记 5:大事件

本文将学习一个示例项目(大事件)的前端搭建过程。 1.准备工作 1.1.创建工程 创建一个名称为big-event的 Vue3 项目,具体可以参考这篇文章。 1.2.安装插件 安装 ElementPlus: npm install element-plus --save 安装好后还需要在main.js中导入相关模块和样式: import './assets/main.scss' ​ import { createApp } from 'vue' import ElementPlus from 'element-pl…

2025年6月9日 0条评论 142点热度 0人点赞 魔芋红茶 阅读全文
前端学习笔记

前端学习笔记 3:Vue 工程

上一篇文章介绍了如何在单一 Html 页面中使用 Vue,本文介绍如何从头开始用 Vue 构建一个前端工程项目。 1.环境准备 Vue 框架代码的创建依赖于 Node.js,因此需要先安装 Node.js。 2.创建和启动 2.1.创建 通过以下命令可以创建 Vue 的框架代码: npm create vue@latest 该命令执行后会先检查是否安装 create-vue 工具,如果没有,就安装。然后再使用 create-vue 创建框架代码。 npm(Node Package Manager)是 NodeJS …

2025年5月19日 0条评论 199点热度 0人点赞 魔芋红茶 阅读全文
前端学习笔记

前端学习笔记 2:Vue

Vue 是一个目前最流行的前端响应式框架,关于它的简单介绍可以观看这里。 1.快速入门 Vue 的官网提供一个快速上手指南,有多种方式可以安装和使用 Vue,这里展示一个最简单的方式——直接导入官方提供的在线的核心 JS 文件进行使用。 这里展示的内容相当于官方快速上手指南中的使用 ES 模块构建版本。 需要先像在之前文章中介绍的那样,在 JS 模块中导入 Vue 的createApp函数: <script type="module">    import { createApp } from "htt…

2025年5月19日 0条评论 196点热度 0人点赞 魔芋红茶 阅读全文
JavaWeb 学习笔记

JavaWeb 学习笔记 9:Vue

1.快速开始 Vue 是一个前端框架,可以作用于浏览器或者 Node.js,它的优点是可以实现视图(View)和数据模型(Model)的双向绑定。 Vue 的这种双向绑定类似于很多年前我用 C# 开发桌面应用的体验。 来看一个示例: <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <title>Title</title>    <script src…

2023年9月15日 0条评论 1104点热度 0人点赞 魔芋红茶 阅读全文

魔芋红茶

加一点PHP,加一点Go,加一点Python......

技术栈
  • SpringBoot SpringBoot
  • SpringMVC SpringMVC
  • MySQL MySQL
  • Java Java
  • php php
  • Go lang Go lang
  • Linux Linux
  • 设计模式 设计模式
  • HTTP HTTP
  • Wordpress Wordpress
  • Python Python
  • Activiti Activiti
  • Redis Redis
  • SpringCloud SpringCloud
  • debug debug
  • 前端开发 前端开发
  • Maven Maven
  • 生活随笔 生活随笔
项目
  • Spring Easy Spring Easy
  • MD-img MD-img
  • oa-demo oa-demo
  • activiti-util activiti-util
  • 油猴脚本 油猴脚本
  • i-tree i-tree
  • auto-hot-key auto-hot-key
  • bilibili-down bilibili-down
  • haokan-down haokan-down
  • PEP中文 PEP中文
  • M3U-Helper M3U-Helper
工具箱
  • 我的Windows软件列表 我的Windows软件列表
Music
最新 热点 随机
最新 热点 随机
Vue3 学习笔记 3:计算属性 Vue3 学习笔记 2:组合式 API Vue3 学习笔记 1:开始 RuoYi 学习笔记 3:二次开发 RuoYi 学习笔记 2:常用功能 RuoYi 学习笔记 1:开始
安装 ZooKeeperMySQL 从入门到精通 18:读写分离MySQL 从入门到精通 17:分库分表MyCatEye 安装Python 包管理工具 UVDEBUG:sudo 命令提示找不到 JAVA_HOME
将 MySQL 修改为大小写不敏感 GreasyFork+Github 每天一个 Idea 小技巧:Java Doc PEP 8 -- Style Guide for Python Code PEP 435 -- Adding an Enum type to the Python standard library 一次奇妙的网课体验
最近评论
魔芋红茶 发布于 4 年前(03月12日) 不好意思,上个月有点事,没空搞网站,现在弄好了,已经启用了新域名,谢谢关心~~
fuckbaidu 发布于 4 年前(02月25日) 兄弟,你新网址一直没备案成功
魔芋红茶 发布于 4 年前(12月18日) 谢谢。
啊长 发布于 4 年前(12月16日) 膜拜大佬了,希望越做越好 :exclaim:
nfmd 发布于 4 年前(10月31日) 腾讯云出了个60块六年多的bug
友情链接
  • NFMD's blog
  • 小金龙的blog
  • 幸哥的blog

COPYRIGHT © 2021 icexmoon.cn. ALL RIGHTS RESERVED.
本网站由提供CDN加速/云存储服务

Theme Kratos Made By Seaton Jiang

宁ICP备2021001508号

宁公网安备64040202000141号