Can vuejs use mui?

青灯夜游
Release: 2023-01-11 09:21:47
Original
2042 people have browsed it

vuejs can use mui, method: 1. Go to github to download the MUI file; 2. Copy the three files in the dist directory of the downloaded file to the mui project directory; 3. In the main.js file, Introduce mui's css style file; 4. Add the style source code to the specified page according to requirements.

Can vuejs use mui?

The operating environment of this tutorial: windows7 system, vue2.9.6 version, DELL G3 computer.

How to use MUI in VUE

1. Step 1: Download MUI

Baidu Search for MUI and enter its official website, click on the github address in the upper right corner, and download the MUI file

Can vuejs use mui?

2. Step 2: Copy the file

Copy Copy the three files in the dist directory of the downloaded file to the mui directory created in your project.

If the imported mui.css reports an error, it may be that the url in mui will point to some pictures. Change thesingle quotesof the image address todouble quoteswill do.

Can vuejs use mui?

3. Step 3: Introduce the style of MUI

In the main.js file, introduce the css style file of mui

import 'The relative path of the mui.css file';

such asimport '../mui/css/mui.css';

Can vuejs use mui?

#4. Step 4: Add the style source code to the page according to the requirements

1) Select the required style effect

Run mui-master\examples\hello-mui\index.html file

Right click> View web page source code> Copy the corresponding code (this corresponding code is the code of the style you need)

Next, take the third card of the card view using MUI (the one with pictures and text) as an example

Can vuejs use mui?

Can vuejs use mui?

2) Copy the requirement style source code

After clicking on the card view, enter the view page

Right-click the mouse> Click to view the web page source code> Copy The code you want to apply>Paste the copied code into the page you want to use

The third card view source code:

Posted on January 18, 2016

这里显示文章摘要,让读者对文章内容有个粗略的概念...

Copy after login

Can vuejs use mui?

Related recommendations: "vue.js Tutorial"

The above is the detailed content of Can vuejs use mui?. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn