前端学习(2387):组件库使用说明

    科技2022-07-11  92

    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>

    运行结果

    Processed: 0.015, SQL: 8