vue不让直接输入页面url就进入到页面，而是按照页面顺序一步一步通过按钮跳转，代码该怎么写？

这个功能可以通过Vue Router来实现。具体步骤如下：

1. 安装Vue Router

npm install vue-router --save

2. 在Vue项目中引入Vue Router

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

3. 定义路由

在定义路由之前，需要先创建相应的组件。比如我们有两个组件：`Home.vue`和`About.vue`，分别表示首页和关于页面。

const routes = [
  { path: '/', component: Home },
  { path: '/about', component: About }
]

4. 创建路由实例

const router = new VueRouter({
  routes
})

5. 在Vue实例中使用路由

new Vue({
  router
}).$mount('#app')

6. 在页面中使用路由

在需要跳转的地方添加`router-link`标签：

<router-link to="/">Home</router-link>
<router-link to="/about">About</router-link>

或者使用`$router`对象进行编程式导航：

this.$router.push('/')
this.$router.push('/about')

7. 配置路由模式

默认情况下，Vue Router使用的是`hash`模式，即URL中带有`#`符号。如果想要去掉`#`符号，可以使用`history`模式。在创建路由实例时进行配置：

const router = new VueRouter({
  mode: 'history',
  routes
})

以上就是实现Vue路由跳转的一般步骤，你可以根据自己的需求来进一步优化。