【Vue】单文件组件和路由

单文件组件

　　.vue文件被称为单文件组件，例如App.vue

　　

 

 　  单文件组件包含三部分:

　　<template>存放组件模板</template>

　　<script>存放组件逻辑</script>

　　<style>存放组件CSS样式</style>

　　<router-view />  表示的是显示当前路由地址所对应的组件内容

路由

单文件组件负责功能开发，路由负责根据不同的url定向到对应的单文件组件