Nuxt.js如何巧妙使用Element-UI解决填坑问题？

本文共计444个文字，预计阅读时间需要2分钟。

Nuxt.js 是 Vue 驱动的 SSR 优秀开源项目，无需繁琐的 Webpack 和 Node.js 后台服务配置，方便搭建支持 SSR 的 Vue 项目。Element-UI 是 Vue2.0 开发的 UI 框架，提供常用组件。

Nuxt.js是Vue进行SSR的一个优选开源项目，可免去繁琐的Webpack、nodejs后台服务配置等操作，方便的搭建一个支持SSR的VUE项目。Element-UI则是一个机遇Vue2.0+开发的一套UI框架，实现了常用的组件，可帮助开发者快速搭建一个如CMS系统、后台管理系统等基于Vue的系统。

由于Element-UI目前在SSR支持方面还是不够完善，且Nuxt.js在文档方面也有欠缺，所以在Nuxt.js中使用Element-UI也是一段坑路，需要去将查看Nuxt源码与Element-UI文档相结合才可以填完坑。

1、创建Nuxt.js的项目

Nuxt.js提供了一个vue-cli的模板，可以快速的开始coding的工作。

vue init nuxt/starter \

2、添加Element-UI

与其他组件一样，直接通过npm或者yarn即可添加。