使用Vue.js框架写后台可以选择以下几种常见的框架：

1. Vue Admin Framework (VAF)
   Vue Admin Framework (VAF)是一款基于Vue.js和Element UI的后台管理框架。它提供了丰富的组件和模板，方便开发者快速搭建后台管理系统。VAF具有可定制性强、可扩展性好等特点，适用于中小型项目。

2. Vue Element Admin
   Vue Element Admin是一个基于Vue.js和Element UI的开源后台管理系统框架。它提供了丰富的组件和模板，支持动态路由、权限控制、多语言等功能。Vue Element Admin具有简单易用、扩展性强的特点，适用于各类后台管理系统。

3. Vue Ant Design Pro
   Vue Ant Design Pro是一个基于Vue.js和Ant Design Vue的企业级中后台前端/设计解决方案。它提供了丰富的组件和模板，支持动态路由、权限控制、多语言等功能。Vue Ant Design Pro具有高质量的界面设计、可扩展性好的特点，适用于中大型项目。

4. Vue Material
   Vue Material是一个基于Vue.js和Material Design的前端框架。它提供了丰富的Material Design风格的组件和模板，可以用于开发符合Material Design规范的后台管理系统。Vue Material具有简单易用、美观大方的特点，适用于各类后台管理系统。

以上是几种常见的Vue.js框架，开发者可以根据项目需求和个人喜好选择适合的框架，来进行后台管理系统的开发。

使用Vue.js结合一些常用的前端框架和库，可以快速搭建后台管理系统，常用的有以下几个：

1. Element-UI：Element-UI 是基于 Vue.js 的一套组件库，提供了丰富的 UI 组件，例如表格、表单、按钮、弹窗等，适用于开发后台管理系统。它提供了丰富的组件和样式，可以帮助开发者快速构建界面，并提供了响应式布局，支持移动端和桌面端。

2. Ant Design Vue：Ant Design Vue 是 Ant Design 在 Vue.js 框架上的实现，同样提供了丰富的 UI 组件，它采用了 Ant Design 的设计风格，样式美观大方，适用于搭建后台管理系统。Ant Design Vue 提供了大量的组件，例如表格、表单、导航、菜单等，还提供了丰富的图标和布局组件，方便开发者快速构建界面。

3. Vuetify：Vuetify 是基于 Vue.js 的一套 Material Design 风格的组件库，提供了丰富的 UI 组件，适用于构建漂亮的后台管理系统。Vuetify 采用了 Material Design 的设计风格，样式美观大方，提供了类似于原生应用的动画效果和过渡效果，可以使界面更加生动和用户友好。

4. iView：iView 是一套基于 Vue.js 的组件库，提供了丰富的 UI 组件和工具库，适用于开发后台管理系统。iView 的特点是简单易用，提供了大量常用的组件，例如表格、表单、按钮、布局等，还提供了一些实用的工具，例如日期选择器、图片上传等，方便开发者开发功能完善的后台系统。

5. Vue Material：Vue Material 是基于 Vue.js 的 Material Design 风格的组件库，提供了一套美观而实用的组件，适用于构建现代化的后台管理系统。Vue Material 提供了丰富的组件，例如表格、表单、导航、菜单等，还提供了一些特殊的组件，例如图标、显示卡片、模态框等，可以帮助开发者快速搭建功能完善的后台系统。

在选择框架时，需要考虑项目的实际需求和开发团队的熟悉程度，选用合适的框架可以提高开发效率，减少重复工作。以上提到的框架都有各自的优势和特点，开发者可以根据自己的喜好和项目需求选择合适的框架进行开发。

使用Vue框架编写后台可以选择不同的解决方案，最常用的包括Vue.js+Element UI以及Vue.js+Ant Design。

下面将介绍如何使用Vue.js+Element UI编写后台。

步骤一：安装Vue.js和Element UI

首先，需要安装Node.js，可以在https://nodejs.org/en/ 下载并安装。

然后，可以使用npm（Node.js的包管理工具）安装Vue.js和Element UI。在命令行中执行以下命令：

npm install vue
npm install element-ui

步骤二：创建Vue项目

创建一个新的Vue项目，可以使用vue-cli来快速创建。在命令行中执行以下命令：

npm install -g @vue/cli
vue create my-project
cd my-project

步骤三：添加Element UI依赖

在步骤二创建的项目目录中，打开package.json文件，添加Element UI依赖。

"dependencies": {
  "element-ui": "^2.4.0",
  ...
}

然后，执行以下命令安装依赖：

npm install

步骤四：引入Element UI

在main.js文件中引入Element UI。

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import App from './App.vue'

Vue.use(ElementUI)

new Vue({
  render: h => h(App),
}).$mount('#app')

步骤五：编写后台页面

在src目录中创建views文件夹，用于存放后台页面的Vue组件。

在views文件夹中创建一个新的Vue组件，例如Dashboard.vue，可以在此组件中编写后台首页的内容。

<template>
  <div>
    <el-card>
      <p>这是后台首页</p>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'Dashboard',
  ...
}
</script>

<style>
...
</style>

在App.vue中引入Dashboard.vue组件，并将其加入路由。

<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App',
  ...
}
</script>

<style>
...
</style>

在src目录中创建router文件夹，并在其中创建index.js文件，用于配置路由信息。

import Vue from 'vue'
import Router from 'vue-router'
import Dashboard from '@/views/Dashboard.vue'

Vue.use(Router)

const routes = [
  {
    path: '/',
    name: 'Dashboard',
    component: Dashboard
  }
]

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

export default router

步骤六：运行项目

在命令行中执行以下命令，启动开发服务器。

npm run serve

然后，在浏览器中打开http://localhost:8080，即可看到后台首页。

以上就是使用Vue.js+Element UI编写后台页面的基本步骤。你可以在此基础上继续开发其他后台页面，并根据需求添加不同的功能和样式。