vue 路由和引入模块的区别

vue引进自己写的组建

首先在需要展示的vue文件中使用inport ... from  ... 引入组建，在components中调用组建，

然后在template中用<filmnav/>引入到页面中

如下：

 

<template>
     <div>
         <div>轮播组建</div>
         <filmnav/>
         <div><router-view/></div>


    </div>
</template>

<script>
    import filmnav from './film/filmnav'
    export default {
        // name: "film"
        components:{
            filmnav,
        }
    }
</script>

自己写的通过路由访问的可以通过<router-view/>方法引入到页面中，

但是首先需要定义好router.js

在此种确定路由引入和调用

显示路由信息

mounted(){
    console.log(this.$route)
}