Vue 组件样式冲突解决方案

书接上文，此文章是在上文的基础上进行的 http
Vue 组件样式冲突解决方案
作者：犯困乐
标签： #笔记 , #Vue

Vue 组件注册与引用案例

案例概述 本案例演示了 Vue 3 中组件的两种注册方式：全局注册和局部注册，以及如何在父组件中引用这些组件。 组件结构 src/components/2026516/ ├── 2.vue # 父组件（主组件） ├── GlobalComponent.vue # 全局组件
Vue 组件注册与引用案例
作者：犯困乐
标签： #笔记 , #Vue

vue实训-学习计划表

需求文档 第2章 阶段案例 开发文档(2).pdf 需求解析 使用
vue实训-学习计划表
作者：犯困乐

编写App组件

Main根文件 import { createApp } from 'vue' //创建应用 import App from './App.vue' //引入app组件，根组件 createApp(App).mount('#app') //createApp创建应用，将app组件挂载到index.
编写App组件
作者：犯困乐
标签： #Vue , #笔记

创建Vue项目

使用Vite创建项目 https://cn.vuejs.org/guide/quick-start.html 创建命令 npm create vue@latest 常见问题 首次打开项目会有报错，是因为项目中没有依赖 npm i //安装所有依赖
创建Vue项目
作者：犯困乐
标签： #Vue , #笔记

Vue-v for命令实训案例

下拉菜单 <template> <div> <select v-model="xz"> <option value="">请选择</option> <option v-for="flurt in list" :key="flur
Vue-v for命令实训案例
作者：犯困乐
标签： #Vue , #笔记

Vue--课堂实训

toRefs( )函数用法，实现个人信息（姓名、年龄、性别）在4秒后改变。 <template> <div class="info"> <h2>个人信息</h2> <p>姓名：{{ name }}</p>
作者：犯困乐
标签： #Vue , #笔记

vue-默认项目

项目目录 以下是默认的项目的目录树以及每个文件都是干什么的解释。 VUE/ ├── test/ # 项目根文件夹（你的 Vue 项目） │ ├── .vscode/ # VSCode 编辑器配置文件（自动生成） │ ├── nod
作者：犯困乐
标签： #笔记 , #Vue

vue-项目的创建

前置条件 Vue课上环境安装-vscode|nodejs|npm|yarn - 犯困乐的博客 创建项目 使用命令yarn create vite test --template vue 创建一个项目名为test项目模板为vue的项目 命令模板是yarn create vite <项目名称> --te
vue-项目的创建
作者：犯困乐
标签： #Vue , #笔记

Vue课上环境安装-vscode|nodejs|npm|yarn

安装Visual Studio Code 以下是Visual Studio Code的官网：
Vue课上环境安装-vscode|nodejs|npm|yarn
作者：犯困乐
标签： #Vue , #笔记
共 14 篇文章
页