antdesign在vue2中使用
时间: 2023-10-11 11:05:10 浏览: 118
Ant Design 是 React 中的 UI 组件库,不过也有 Ant Design Vue 是专门为 Vue 开发的 UI 组件库,提供了一些常用的 UI 组件,比如按钮、表单、弹窗、导航等等。
如果你想在 Vue 2 中使用 Ant Design Vue,需要先安装 Ant Design Vue 和其依赖项。
可以使用 npm 进行安装:
```
npm install ant-design-vue --save
```
安装完成后,在 main.js 中引入并注册:
```javascript
import Vue from 'vue'
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
Vue.use(Antd)
```
然后就可以在组件中使用 Ant Design Vue 的组件了,比如:
```vue
<template>
<a-button type="primary" @click="handleClick">Primary Button</a-button>
</template>
<script>
export default {
methods: {
handleClick() {
console.log('Clicked!')
}
}
}
</script>
```
更多用法可以参考 Ant Design Vue 的文档:https://www.antdv.com/docs/vue/introduce-cn/
阅读全文