美文网首页
看懂vue项目

看懂vue项目

作者: jojo1313 | 来源:发表于2022-06-09 15:36 被阅读0次

项目加载顺序
main.js -->App.vue-->router/index.js

main.js 入口文件

new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App)
})

App.vue

<script>
    export default {
        name: 'App'  //export App的组件,main.js就可以找到它
     }
</script>

router/index.js

export default router{
    router:[
          {
               path: '/redirect',
               component: Layout,
               hidden: true,
               children: [
                              {
                               path: '/redirect/:path*',
                               component: () => import('@/views/redirect/index')
                               }
                ]
           },
          {
                path: '/login',
                component: () => import('@/views/login/index'),
                hidden: true
          },
     ]
}

相关文章

  • 看懂vue项目

    项目加载顺序main.js -->App.vue-->router/index.js main.js 入口文件...

  • 如何看懂vue项目目录?

    用脚手架搭建vue项目后,会自动生成如下目录: Package.json:主要看dev和build属性。 (Npm...

  • 5分钟看懂VUE项目

    VUE是前端开发框架。诞生于2014年吧。 原始的前端开发框架需要工程师写html、写css、写javascrip...

  • 14 -vue 打包图片路径错误解决

    一、构建 VUE 项目 直接用官网的方式建立vue 项目 二、打包 VUE 项目 2.1 打包项目介绍 会在项目...

  • vue-cli

    vue init webpack 项目名称 //vue-cli2 创建项目的方式vue create 项目名...

  • 开发速记-typescript篇: vue集成

    安装nix并配置channel: 安装yarn 安装vue 创建vue项目 emacs 编辑项目 启动vue项目

  • Vue应用

    Vue项目 Vue结构 Vue项目打包与发布 Vue语法二 Vue网络请求 Vue路由 动态路由 编程式路由导航

  • Lrave + Vue

    1.创建larave项目 2.创建vue项目vue init webpack 项目名3.打开vue项目,把src下...

  • 1.vue项目-base

    vue项目全了解 1.创建vue项目 1.全局安装vue-cli 2.安装初始项目vue init webpack...

  • Vue.js 初探

    vue 环境安装 vue 项目初始化 vue 项目结构 vue 环境安装 vue需要npm命令安装安装node环境...

网友评论

      本文标题:看懂vue项目

      本文链接:https://www.haomeiwen.com/subject/nkemmrtx.html