vue.js创建新页面并使用

vue.js 项目的页面并不像HTML那样创建后就可以直接使用，在vue.js创建页面后，还需要经过 引用和注册才可以使用。本篇主要讲vue.js最基础的创建页面
vue.js项目环境搭建和创建vue项目点这里，

 

vue.js创建新页面并使用

• vue.js基础--创建新页面
• • • 一、创建新页面（组件）
    • 二、引用
    • 三、注册路由

 

vue.js基础–创建新页面

一、创建新页面（组件）

创建页面（组件）时，在vue项目中的/src/componets目录下创建（后缀为.vue）
我这里创建一个名称为“CaiJunJie”的页面

二、引用

在目录/src/router/main.js或者是index.js中引用

 

三、注册路由

路由，就是页面路径，注册了路由，在我们的项目组才可以找到他在哪，否则是找不到这个页面的。
注册路由也是在目录/src/router/main.js或者index.js中
注册路由的代码需要写在export default new Router的routes数组中

 

需要注意的是，因为我这里的indexs页面是首页，所以path 只敲了 / ,如果不是首页的话，应该如下图这样写