main.js

import Vue from 'vue' import App from './App.vue' import router from './router' import './styles/index.less' // 加載組件庫 import ElementUI from 'element-ui' // 加載樣式 import 'element-ui/lib/theme-chalk/index.css' Vue.config.productionTip = false // 注冊組件庫 Vue.use(ElementUI) new Vue({router,render: h => h(App) }).$mount('#app')

App.vue

<template><div id="app"><h1>黑馬頭條發布系統</h1><el-radio disabled v-model="radio" label="禁用">備選項</el-radio><el-radio disabled v-model="radio" label="選中且禁用">備選項</el-radio><router-view/></div> </template> <script> export default {name: 'App' } </script> <style lang="less"></style>

運行結果

總結

以上是生活随笔為你收集整理的前端学习（2387）：组件库使用说明的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。