How to introduce vue into mint-ui

This article introduces the knowledge of "how to introduce vue into mint-ui". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

The specific steps are as follows:

1. First, create a vue.js project in vue-cli

Vue create project-name

After the 2.vue.js project is created, use the npm command to install the mint-ui dependency package in the project

Npm intall mint-ui-save

Npm install-save-dev babel-plugin-component

After the 3.mint-ui dependency package is installed, configure the following in the babelrc file

"plugins": ["component", [

{

"libraryName": "mint-ui"

"style": true

}

]]]

4. Finally, after the babelrc file is configured, you can use the import method in the project to introduce mint-ui

Import MintUI from 'mint-ui'

Import 'mint-ui/lib/style.css'

This is the end of the introduction of "how to introduce vue into mint-ui". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!