前一篇已经搭建好webpack的环境了 这篇主要就是挂载vue实例到dom上,然后使用vue-router实现路由的切换,来实现简单的系统的逻辑,就是登陆 然后切换到导航页,然后切换内容。
首先安装加载vue的loader vue-loader,
在index.js里面像上图一样的把新建的vue app实例挂载到实例上,再引入vue-router实例把其他的文件都引入进去。即可
这里使用了嵌套路由。
这里使用了vue-router的路由重定向。使得登陆进去后的页面默认展示第一个组件。具体的就不写了
这个demo还引入了iview组件,
组件引入方法 就是先下载包,然后在main.js里面全局导入js
以及css 即可
也可按官网的 按需导入
导入过程中的问题就是 会提示不认识ttf,svg文件,这个时候下载配置一个url-loader即可。。
里面还有vuex 还没写 后面在写
懒人不想写了
看demo吧。。