vue 移动端 跳转页面_Vue移动端框架Mint UI教程-跳转新页面(四)

前三节写了vue的移动端框架的入门篇章，今天接着写，今天写的教程其实很简单，在之前的基础上，新建一个界面，并且进行跳转新页面。

1：首先，在pages底下新建一个新的页面fa.vue

在页面里面写一些代码

我是新页面

#index{

display: flex;

justify-content: center;

margin-top: 100px;

}

export default{}

2：打开index.js文件

将这个新的界面配置到router文件夹下的index.js中去：

import Fa from '../pages/fa.vue'

{

path: '/fa', component: Fa

}

3：在当前的页面里面写跳转方法

测试跳转

methods: {

go() {

this.$router.push('/fa');//要跳转的界面

},}

4：点击测试：可以看到实现的效果。

Mint UI教程汇总：

原文作者：祈澈姑娘 技术博客：https://www.jianshu.com/u/05f416aefbe1

90后前端妹子，爱编程，爱运营，文艺与代码齐飞，魅力与智慧共存的程序媛一枚。

坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，对于博客上面有不会的问题，欢迎加入编程微刊qq群：260352626