Vue 项目 引入第三方饿了吗组件(ElementUI)

第一步：新建Vue 项目（详细创建步骤请参考：http://blog.csdn.net/zhouzhiwengang/article/details/70344522）

#创建一个基于webpack模板的新项目
vue init webpack d:\nodeworkspace\nodeone
# 切换至项目路径
cd d:\nodeworkspace\nodeone
# 安装项目依赖文件
cnpm install
# 项目启动
cnpm run dev 

第二步：引入饿了吗组件（ElementUI）

1、打开cmd 窗口，切换到vue 所在目录，执行如下指令： cnpm  i  element-ui  s

第三步：vue 项目引用ElementUI.,（注意红色字体部分）

src/router/index.js

import Vue from 'vue'
import Router from 'vue-router'
import Hello from '@/components/Hello'

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'

Vue.use(Router)
Vue.use(ElementUI)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Hello',
      component: Hello
    }
  ]
})

组件引用相关样式：src/components/Hello.vue

效果展示：