vue-router和vuex在vue3中的配置

稳静平/技术博客 / 2024-02-25 / 原文

npm install vue-router --save.   或vue add router
手动创建文件+配置

 

npm install vue-vuex --save。 或vue add vuex (推荐)
手动创建文件+配置

 

npm install vue3-cookies --save 

npm install axios --save.   或vue add axios

 

 

5.编程式导航

如果想要是跳转+加载组件:

  • router-link标签

  • router对象实现 this.$router.push

 

 

class.    :class加冒号可能就是一下子好几个,这个意识要有,不一定在setup里有,    :xxx后就表示是个动态生成的属性

 

eslink在vue.config.js文件里加上lintOnSave:false

 

:disabled=true当前elbottom不能用了
<el-row justify="space-between" style="width:100%">
<el-input v-model="smsModel.code" placeholder="发送验证码" style="width:200px "/>
<el-button :disabled="btnSmsDisabled" @click="doSendSMS">{{btnSmsText}}</el-button>
</el-row>