红茶的个人站点

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

Vue3 学习笔记 8:其它 API

ShallowRef 一个简单示例: <template>    <div>        <h2>count:{{ count }}</h2>        <h2>person:{{ person }}</h2>        <button @click="count++">count++</button>        <button @click="person.name='李四'">修改名字<…

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

Vue3 学习笔记 7:组件通信

props 父组件要通过 props 传递信息给子组件,只要在子组件上添加相应的属性: <template> <div class="father"> <h3>父组件</h3> <Child :car="car"/> </div> </template> ​ <script setup lang="ts" name="Father"> import Child from './Child.vue' import { re…

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

Vue3 学习笔记 6:Pinia

Pinia 是一个 Vue3 的集中式状态(数据)管理库。 搭建测试项目 先创建一个 Vue3 项目,添加两个组件。 src\components\Count.vue: <template>  <div class="count">    <h2>当前求和为:{{ sum }}</h2>    <select v-model.number="n">      <option value="1">1</option>      <…

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

Vue3 学习笔记 5:路由

路由器和路由 新建一个 Vue3 项目,创建一个简单的 App.vue: ​ <template>  <div class="app">    <h2 class="title">Vue路由测试</h2>    <!-- 导航区 -->    <div class="navigate">      <a href="#" class="active">首页</a>      <a href="#">新闻<…

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

Vue3 学习笔记 4:生命周期

ref 属性 如果需要获取一个 DOM 元素,传统的 JS 方式是: <template>    <div class="person">        <h1>中国</h1>        <h2 id="city">北京</h2>        <h3>大兴区</h3>        <button @click="showDom">显示dom元素</button>    </div&g…

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

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条评论 92点热度 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条评论 98点热度 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条评论 107点热度 0人点赞 魔芋红茶 阅读全文
前端学习笔记

前端学习笔记 7:小兔鲜

准备工作 创建项目 创建项目: npm init vue@latest 相关选项如下: 在src目录下添加以下目录: 别名路径联想 默认情况下在 VSCode 中输入import xxx from '@...'时不会启用路径联想功能,要启用需要在项目根目录下添加 VSCode 配置文件jsconfig.json: { "compilerOptions" : { "baseUrl" : "./", "paths" : { "@/*":["src/*"] } } } 如果 VSCode 已经自动创建该文件,可以跳过这一…

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

前端学习笔记 6:Pinia

Pinia 是 Vue 的一个官方库,用于状态管理。 1.安装 首先创建一个 Vue3 项目,具体方式可以参考这里。 安装 Pinia: npm install pinia 创建一个 pinia 实例 (根 store) 并将其传递给应用: import './assets/main.css' ​ import { createApp } from 'vue' import { createPinia } from 'pinia' import App from './App.vue' ​ const pinia …

2025年6月9日 0条评论 146点热度 0人点赞 魔芋红茶 阅读全文
12

魔芋红茶

加一点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
最新 热点 随机
最新 热点 随机
JPA 学习笔记 3:映射关联关系 JPA 学习笔记 2:API K签证的个人看法 JPA 学习笔记 1:开始 Vue3 学习笔记 8:其它 API Vue3 学习笔记 7:组件通信
JPA 学习笔记 1:开始IDEA配置JRebel热部署Vue3 学习笔记 7:组件通信Vue3 学习笔记 8:其它 APIJPA 学习笔记 2:APIJPA 学习笔记 3:映射关联关系
Java编程笔记12:类型信息 告别UAC恼人的弹窗 Redis 学习笔记 6:消息队列 Redis 学习笔记 1:基础 PHP学习笔记7:控制流 小人物的悲哀
最近评论
魔芋红茶 发布于 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号