加载中......
输入验证码,即可复制
微信扫码下载好向圈APP, 登陆后即可进入消息页面查看验证码
只需要3秒时间
1、安装iView新框架,支持VUE3
npm install view-ui-plus
2、编辑src/main.js,添加以下内容,导入js和css到项目
import ViewUIPlus from 'view-ui-plus'import 'view-ui-plus/dist/styles/viewuiplus.css'createApp(App).use(ViewUIPlus).mount('#app')3、在src/App.vue中引用
<script>import { Message } from 'view-ui-plus'export default {        methods: {                helloworld(){                        Message.info('Hello, World!')                }        }}</script><template>        <Button @click="helloworld">你好,世界!</Button></template>4、运行,在浏览器中查看效果
npm run dev
访问:http://localhost:3000

坑:<script></script> 与 <script setup></script>是有区别的。export default不能在<script setup>使用。
广告圈
12323 查看 0 0 反对

说说我的看法高级模式

您需要登录后才可以回帖 登录|立即注册

还没人评论此主题哦

相关阅读