2021-03-26 【vue.js 01 】

1 首先创建Vue项目 我使用的开发工具是 HBuilder

创建项目

2 选择创建项目类型  vue项目(2.6.10) 

选择Vue项目点击 【创建】

创建的时候会下载一些插件 根据网络情况速度不定，稍等片刻。

加载中......

3 创建项目后的结构如下

node_modules  项目的所有依赖包文件夹 执行npm install 命令下载的

public 公共文件

--favicon.ico 网站头像

--index.html 网站首页  Vue里基本属于唯一的html页面，类似程序入口页面。

src 项目源码文件夹

---static 放静态资源的文件夹

使用vue的路由 首先安装 vue的路由功能

1. npm install vue-router --save

2. 安装成功后，会在当前项目的 package.json内显示 vue-router: x.x.x 类似maven的依赖

3. 在src文件夹下 新建routers.js 文件

4. 在外部使用的组件 vue-router 需要在routers.js内进行引用

5. 然后再main.js 内进行 引入。

6. 源生的

咱们自己公司的用

跳转

this.$router.push({path:'/mycomponments'})

路由出口展示挂载的路由的页面。

import Vue from 'vue'

import VueRouter from 'vue-router'

Vue.use(VueRouter)

//创建一个路由对象

const router = new VueRouter({

    routes:[{

}]

})

未完待续.....