前三节写了vue的移动端框架的入门篇章,今天接着写,今天写的教程其实很简单,在之前的基础上,新建一个界面,并且进行跳转新页面。
在页面里面写一些代码
<template> <div id="index"> 我是新页面 </div> </template> <style scoped> #index{ display: flex; justify-content: center; margin-top: 100px; } </style> <script> export default{} </script>
2:打开index.js文件
将这个新的界面配置到router文件夹下的index.js中去:
import Fa from '../pages/fa.vue' { path: '/fa', component: Fa }
3:在当前的页面里面写跳转方法
<li><mt-button size="large" @click="go">测试跳转</mt-button></li> methods: { go() { this.$router.push('/fa');//要跳转的界面 },}
4:点击测试:可以看到实现的效果。