在 Vue 中，想要对数据进行格式化有很多种方式，比如，使用 filter 并搭配上 管道符|来进行格式转化。或者使用 computed 方法进行数据格式的转化。

这篇文章分享一下我是如何使用 Render 函数来进行结果的格式化的。

目前的需求是这样的，我从服务器获取到的数据需要渲染到 Table 组件中，由于数据的渲染形式受到多组参数影响，因此，我决定使用 render 函数来进行处理。

根据 iView 文档的说明，我们可以在 data 中传入一个 render 函数，来进行 render 处理，因此，我们可以这样设定数据

let data = [{
          title: "生日",
          key: "birthday",
          render: (h, params) => {
            // here is my render function
          }
        },]
Code language: JavaScript (javascript)

在 render 函数中，我们需要返回一个 h 函数的实例，这个 h 函数其实是渲染函数，你只需要返回对应的数据即可。

我们在初始化时，传递了两个参数，其中第一个参数是渲染函数，第二个参数则是当前的数据。其中包括如下信息

index 是当前数据的顺序；row 是当前行的数据，column 则是当前列的数据。你可以通过 params.row.xxx 来获取其他字段的数据，来进行组合数据的判断。

比如(params.row.a + params.row.b)=== params.row.c。

在 Vue 1 时，我们使用的主要是 Vue-Resource，到了 Vue 2 时，推荐使用 axios。不过 Axios 并非为 Vue 设计，所以需要自己配置一些东西。

But，我是一个懒人，决定选择使用最简单的方法来实现——使用 vue-axios

首先，安装 axios 和 vue-axios

yarn add axios vue-axios

然后，在你的 main.js 中加入如下代码

import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)
Code language: JavaScript (javascript)

这样，就可以将 Axios 注册为全局可用了。

然后在你需要的地方调用即可。

Vue.axios.get(api).then((response) => {
  console.log(response.data)
})
Code language: JavaScript (javascript)

在使用 Vue 开发后台的时候，有些时候我们需要一个默认路由。

比如说，用户登陆以后，会看到一个界面，此时这个界面就需要一个默认路由。因为这个界面一般会放置一个 route-view，如果没有默认路由，就会导致首页的内容是空白的。因此，放置一个默认路由来显示内容即可。

想要实现也很简单，在对应的路由中添加 children 项目，并设置其 path 为 "" 这样，就会将这个路由设置为默认路由。比如，这个样子：

let router = new Router({
    routes: [
     {
        path: "/dashboard",
        component: home,
        children: [
          {
            path:"",
            component: analytics,
          }
        ]
    ]
})
Code language: JavaScript (javascript)

这样就实现了点击 dashboard ，进入对应页面后，默认查看的是 analytics 的内容。