什么是网站建设策划书,自己做网站代理产品,网页超链接怎么做,如何做一个网页设计方案文章目录 一、elemetnUI1、main.js2、App.vue3、fontAwesome 一、elemetnUI 开源前端框架#xff0c;安装 npm i element-ui -S 建议查看官方文档 Element组件#xff0c;这里是Vue2搭配elementUI#xff0c;如果是vue3就搭配elementPlus#xff0c;这里初学就以Vue2为例子… 文章目录 一、elemetnUI1、main.js2、App.vue3、fontAwesome 一、elemetnUI 开源前端框架安装 npm i element-ui -S 建议查看官方文档 Element组件这里是Vue2搭配elementUI如果是vue3就搭配elementPlus这里初学就以Vue2为例子
1、main.js 导包这里是npm安装后自动生成的但是加入了全局变量使用Vue.use() import Vue from vue
import App from ./App.vue
import ElementUI from element-ui
import element-ui/lib/theme-chalk/index.css
Vue.config.productionTip false
Vue.use(ElementUI)
new Vue({render: h h(App),
}).$mount(#app)
2、App.vue 我们可以随便在官方文档中找几个组件加入到App.vue中试试效果 templatediv idappInputNumber/InputNumberspanSwitchOn/SwitchOn/spanUploadFile/UploadFileUploadPhoto/UploadPhoto/div
/templatescript
import InputNumber from ./components/InputNumber.vue
import SwitchOn from ./components/SwitchOn.vue
import UploadFile from ./components/UploadFile.vue
import UploadPhoto from ./components/UploadPhoto.vueexport default {name: App,components: {InputNumber,SwitchOn,UploadFile,UploadPhoto}
}
/script新建几个组件 打开package.json的调试或者终端输入npm run serve 3、fontAwesome 第三方图标库安装npm install font-awesome使用在main.js中引入 import font-awesome/css/font-awesome.min.css可以在官网fontAwesome里找到自己想要的图标
