vue目录结构+组件的基本使用

vue目录结构+组件的基本使用

一 vue目录结构

-node_modules:项目依赖(以后项目要传到git上,这个不能传)
-publish--->index.html  是总页面
-src :项目
	-assets:静态资源
	-components:组件
	-views:视图组件
	-APP.vue:根组件
	-main.js :总的入口js
	-router.js :路由相关,所有路由的配置,在这里面
	-store.js  :vuex状态管理器
-package.json:项目的依赖,npm install 是根据它来安装依赖的

二 组件的基本使用

1.创建组件

2.去vue项目路由中做配置(router.js)

import Course from './views/Course'
{
            path: '/course',
            name: 'course',
            component: Course
        },

3.在页面中使用这个组件

<router-link to="/course">Course</router-link>
posted @ 2018-12-21 16:06  周建豪  阅读(664)  评论(0编辑  收藏  举报