认识下载elementUI,mintUI.认识mint组件学习。报错处理

实现ElementUI的经典布局

1. 新建views/Components.vue ，搭建页面布局结构。
2. 配置路由： 访问/components，看到页面内容。

Vue的嵌套路由

根据当前需求：

1. 当访问: /components/border 组件页面的main部分显示border
2. 当访问: /components/icon 组件页面的main部分显示icon
3. 当访问: /components/color 组件页面的main部分显示color

发现需要在compoents页面中还有需要动态更新的部分，这个时候就可以选择使用嵌套路由来实现。

案例：嵌套路由实现页面main部分内容的动态更新。

1. 新建3个vue页面。 Border.vue. Color.vue. Icon.vue.
2. 在router index.js中配置嵌套路由，定义路由与组件的映射关系。
3. 使用特定的url路径访问页面即可。

MintUI

MintUI是饿了么团队开发的基于vue的移动端组件库。

Vant是有赞团队开发的移动端组件库。

基于脚手架安装MintUI

1. 新建脚手架项目。

   # 找一个空目录   例如： day01/demo
   vue create scaffolding
   # 依次选择：
   Manually select features
   Choose Vue version  +  Babel  +  Router + Vuex  
   2.x
   问： Use history mode for router?
   答： yes
   In package.json
   是否将当前配置作为预设配置下次直接使用？ n
   

2. 在新项目中安装MintUI。（npm install）

   <