当前位置： 首页 > article >正文

element ui 使用

article 2024/10/9 1:16:52

文章目录

    • element ui
      • 1.组件内部传值
        • 使用说明：当我们在app组件中使用movie组件，我们希望movie组件的内容是由app组件来定义，就可以使用prop关键字
        • 1.在app组件中导入movie组件并且使用
        • 2.在movie中写死数据测试
        • 3.使用date测试
        • 4.使用props
      • 2.element plus 配合 vue 3 使用
        • 1.element plus 安装使用

element ui

1.组件内部传值

在这里插入图片描述

使用说明：当我们在app组件中使用movie组件，我们希望movie组件的内容是由app组件来定义，就可以使用prop关键字
1.在app组件中导入movie组件并且使用

在这里插入图片描述

2.在movie中写死数据测试

在这里插入图片描述

3.使用date测试

在这里插入图片描述
在这里插入图片描述

4.使用props

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.element plus 配合 vue 3 使用

1.element plus 安装使用
# 选择一个你喜欢的包管理器

# NPM
npm install element-plus --save

# Yarn
yarn add element-plus

# pnpm
pnpm install element-plus

安装完成后，需要我们导入，有多种导入方式，为了简单，我选择全部导入
在 main.js 中加入这两行代码

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

app.use(ElementPlus)

在这里插入图片描述


http://www.kler.cn/news/339142.html

相关文章：

  • 自动驾驶系列—解析自动驾驶汽车的“大脑”：电子电气架构详解与选型指南
  • 已解决-Sentinel控制台明明正常启动，扫描不到客户端应用
  • 动态内存管理练习题的反汇编代码分析(底层)
  • 使用Anaconda 安装fbprophet （谁知道经历了什么）
  • sqli-labs靶场less-9和less-10
  • 汽车电气系统中KL30、KL15、KL50、KLR、KL31、KL87、KL75的作用
  • 电脑无法无线投屏的解决办法
  • 国外电商系统开发-运维系统文件上传
  • 栈与队列面试题(Java数据结构)
  • Python 从入门到实战35（进程-multiprocessing模块）
  • 【陪诊系统】打包问题
  • 【堆排】为何使用向下调整法建堆比向上调整法建堆更好呢？
  • Tianrui Green Shield
  • Python知识点：如何使用Google Cloud IoT与Python进行边缘计算
  • ASP.NetCore---I18n（internationalization）多语言版本的应用
  • 智能医疗：Spring Boot医院管理系统开发
  • 【C++ 11】nullptr 空指针
  • 【Python语言进阶(一)】
  • PointNet++网络详解
  • 构建高效团队，内部CRM系统的益处详解