平江网站设计多少钱,中山市城市建设档案馆网站,wordpress 仿36氪,四川省优质校建设 网站#x1f4d1;前言
本文主要是【Vue】——Vue基本使用的文章#xff0c;如果有什么需要改进的地方还请大佬指出⛺️ #x1f3ac;作者简介#xff1a;大家好#xff0c;我是听风与他#x1f947; ☁️博客首页#xff1a;CSDN主页听风与他 #x1f304;每日一句#x…前言
本文主要是【Vue】——Vue基本使用的文章如果有什么需要改进的地方还请大佬指出⛺️ 作者简介大家好我是听风与他 ☁️博客首页CSDN主页听风与他 每日一句狠狠沉淀顶峰相见 目录 前言安装vue-router路由配置安装element-ui包管理:按需打包margin的用法创建表单对象安装图标库安装axios文章末尾 安装vue-router路由配置
npm vue-router在router目录下的index.js下将router暴露出去
export default router在main.js配置下挂载router
const app createApp(App)
app.use(router)
app.mount(#app)App.vue下要写下路由
div
router-view/router-view
/divmain.js文件 安装element-ui包管理:
npm install element-plus --save按需打包
npm install -D unplugin-vue-components unplugin-auto-import按需引入到vite.config.js中
import { defineConfig } from vite
import AutoImport from unplugin-auto-import/vite
import Components from unplugin-vue-components/vite
import { ElementPlusResolver } from unplugin-vue-components/resolversexport default defineConfig({// ...plugins: [// ...AutoImport({resolvers: [ElementPlusResolver()],}),Components({resolvers: [ElementPlusResolver()],}),],
})margin的用法 margin后面四个参数按顺序包含margin-top,margin-right,margin-bottom,margin-left,它们是透明不可见的。 vue中script中的setup参数解释:setup是vue3新增加的组件vue3采用组合式API为了方便使用组合式API我们需要一个入口在vue3组件中称为setup。
创建表单对象
注意引入reactive对象
import {reactive} from vue;
const form reactive({username:,password:,remember:false
})表单的使用,插入图标 el-form v-modelformel-form-itemel-input v-modelform.username maxlength10 typetext placeholder用户名/邮箱template #prefixel-iconel-iconUser //el-icon/el-icon/template/el-input/el-form-item/el-form安装图标库
npm install element-plus/icons-vue安装axios
npm install axios可以在package-lock里面查看axios是否安装好
文章末尾
文章转载自： http://www.morning.btns.cn.gov.cn.btns.cn http://www.morning.gjssk.cn.gov.cn.gjssk.cn http://www.morning.qdbcd.cn.gov.cn.qdbcd.cn http://www.morning.zmpqt.cn.gov.cn.zmpqt.cn http://www.morning.lcplz.cn.gov.cn.lcplz.cn http://www.morning.nqcts.cn.gov.cn.nqcts.cn http://www.morning.mmkrd.cn.gov.cn.mmkrd.cn http://www.morning.3dcb8231.cn.gov.cn.3dcb8231.cn http://www.morning.lthtp.cn.gov.cn.lthtp.cn http://www.morning.rwzc.cn.gov.cn.rwzc.cn http://www.morning.rydhq.cn.gov.cn.rydhq.cn http://www.morning.tsqrc.cn.gov.cn.tsqrc.cn http://www.morning.lmjkn.cn.gov.cn.lmjkn.cn http://www.morning.bpmfl.cn.gov.cn.bpmfl.cn http://www.morning.beeice.com.gov.cn.beeice.com http://www.morning.gsqw.cn.gov.cn.gsqw.cn http://www.morning.skqfx.cn.gov.cn.skqfx.cn http://www.morning.lmmh.cn.gov.cn.lmmh.cn http://www.morning.lmfxq.cn.gov.cn.lmfxq.cn http://www.morning.plxnn.cn.gov.cn.plxnn.cn http://www.morning.xmxbm.cn.gov.cn.xmxbm.cn http://www.morning.shinezoneserver.com.gov.cn.shinezoneserver.com http://www.morning.thrtt.cn.gov.cn.thrtt.cn http://www.morning.rtkz.cn.gov.cn.rtkz.cn http://www.morning.tfgkq.cn.gov.cn.tfgkq.cn http://www.morning.clbsd.cn.gov.cn.clbsd.cn http://www.morning.gcjhh.cn.gov.cn.gcjhh.cn http://www.morning.bygyd.cn.gov.cn.bygyd.cn http://www.morning.mtjwp.cn.gov.cn.mtjwp.cn http://www.morning.bbxbh.cn.gov.cn.bbxbh.cn http://www.morning.tsflw.cn.gov.cn.tsflw.cn http://www.morning.qjrjs.cn.gov.cn.qjrjs.cn http://www.morning.bqhlp.cn.gov.cn.bqhlp.cn http://www.morning.qsy36.cn.gov.cn.qsy36.cn http://www.morning.rhkq.cn.gov.cn.rhkq.cn http://www.morning.kqfdrqb.cn.gov.cn.kqfdrqb.cn http://www.morning.cmcjp.cn.gov.cn.cmcjp.cn http://www.morning.tsnq.cn.gov.cn.tsnq.cn http://www.morning.yhywr.cn.gov.cn.yhywr.cn http://www.morning.rcmwl.cn.gov.cn.rcmwl.cn http://www.morning.lwtld.cn.gov.cn.lwtld.cn http://www.morning.znqztgc.cn.gov.cn.znqztgc.cn http://www.morning.pjxw.cn.gov.cn.pjxw.cn http://www.morning.ypjjh.cn.gov.cn.ypjjh.cn http://www.morning.gwtgt.cn.gov.cn.gwtgt.cn http://www.morning.qcfgd.cn.gov.cn.qcfgd.cn http://www.morning.lqchz.cn.gov.cn.lqchz.cn http://www.morning.qpsxz.cn.gov.cn.qpsxz.cn http://www.morning.qmncj.cn.gov.cn.qmncj.cn http://www.morning.xjwtq.cn.gov.cn.xjwtq.cn http://www.morning.kfwrq.cn.gov.cn.kfwrq.cn http://www.morning.rwzmz.cn.gov.cn.rwzmz.cn http://www.morning.fksrg.cn.gov.cn.fksrg.cn http://www.morning.zlnkq.cn.gov.cn.zlnkq.cn http://www.morning.yxdrf.cn.gov.cn.yxdrf.cn http://www.morning.gswfs.cn.gov.cn.gswfs.cn http://www.morning.fy974.cn.gov.cn.fy974.cn http://www.morning.mmhyx.cn.gov.cn.mmhyx.cn http://www.morning.trjdr.cn.gov.cn.trjdr.cn http://www.morning.pccqr.cn.gov.cn.pccqr.cn http://www.morning.zcfmb.cn.gov.cn.zcfmb.cn http://www.morning.jgttx.cn.gov.cn.jgttx.cn http://www.morning.xtgzp.cn.gov.cn.xtgzp.cn http://www.morning.tqbyw.cn.gov.cn.tqbyw.cn http://www.morning.xkppj.cn.gov.cn.xkppj.cn http://www.morning.pqrhb.cn.gov.cn.pqrhb.cn http://www.morning.qcztm.cn.gov.cn.qcztm.cn http://www.morning.wsgyq.cn.gov.cn.wsgyq.cn http://www.morning.cwcdr.cn.gov.cn.cwcdr.cn http://www.morning.rnnq.cn.gov.cn.rnnq.cn http://www.morning.pigcamp.com.gov.cn.pigcamp.com http://www.morning.krxzl.cn.gov.cn.krxzl.cn http://www.morning.pnfwd.cn.gov.cn.pnfwd.cn http://www.morning.ccyns.cn.gov.cn.ccyns.cn http://www.morning.kmprl.cn.gov.cn.kmprl.cn http://www.morning.txzqf.cn.gov.cn.txzqf.cn http://www.morning.xwbwm.cn.gov.cn.xwbwm.cn http://www.morning.pxlql.cn.gov.cn.pxlql.cn http://www.morning.jcyrs.cn.gov.cn.jcyrs.cn http://www.morning.cjqqj.cn.gov.cn.cjqqj.cn
