html 方式使用iview,VUE之iview框架使用教程

iview框架内含很多预定义的组件，可以直接拿来使用，非常方便。

但iview有一个非常大的问题，就是教程实在非常少，尤其是不懂vue的童鞋更是无从下手。

项目创建过程：首先下载一个官方的demo工程，下载地址，下载后解压放到一个目录中，如：E:/iview

下载npm

cmd命令行进入E:/iview中，执行npm install下载一些库文件

如果是第一次使用，需要执行npm run init创建一些运行文件

如果是开发过程中，使用npm run dev，会自动在浏览器中打开官方demo，你进行的任何修改都会自动更新

如果已开发完成，执行npm run build，就可以生成最终的项目文件了，生成后只需将E:/iview/index_prod.html和E:iview/dist/整个目录复制到你的服务器即可(注意：直接打开html文件是无效的)

开发细节：

1.开发过程中基本只需要修改src目录下的文件，下面内容不再提及

2.打开router.js文件，这个是路由目录const routers = [

{

path: '/',      //定义了主页的路由

meta: {          //额外信息

title: ''

},

component: (resolve) => require(['./views/index.vue'], resolve)         //使用的组件

},

{