vue-cli(基础)

最新推荐文章于 2024-09-13 14:34:15 发布

HHH番茄

最新推荐文章于 2024-09-13 14:34:15 发布

阅读量95

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_45585764/article/details/104017675

版权

本文介绍了使用vue-cli创建新项目的基本流程，包括如何运行项目。重点讲解了router和store的配置。在router部分，涉及导入、注册VueRouter、实例化和暴露路由。而在store部分，讲解了引入Vue和Vuex、注册Vuex以及实例化过程。此外，还提到了utils文件夹中关于token的处理和axios的基础设置。

摘要由CSDN通过智能技术生成

vue create 创建新项目
npm run serve 运行项目
在这里插入图片描述

api：用来统一管理接口
assets：静态资源
router：路由文件
store：vuex 文件
style：用来存放全局样式
utils: 拦截器/token
views：存在放组件
App.vue：根组件
main.js：入口文件
filter：用来存放过滤器
until：用来存放一些工具文件

router

1.导入vue 和router
2.导入组件
3.注册 Vue.use(VueRouter)
4.实例化

const router = new VueRouter({
   
 routes: [{
   
            name:'xxx'
            path: "/xxx",  
            component: xxx,
            children: []        //子路由
 },
 {
   
            path: '/',
            redirect: "/xxx",    //路由重定向 
 }] 
})