1.非路由组件
一个大型网站的页面,页面上部分和页面下部分两个不变的部分就叫做非路由组件。
创建compenment文件、创建组件、配置组件、配置根组件。
配置组件的时候如果css样式是less样式需要在style标签里面说明,且需要安装less-load。
2.路由组件
中间变化的部分和登录注册跳转的部分就叫做路由组件。
创建pages文件、创建router文件、在pages中创建组件、在router中创建入口、配置组件、配置入口、配置根组件。
3.显示隐藏组件
在登陆和注册这两个页面里面,不想要上下部分页面,就会出现显示隐藏组件。
使用v-show和v-if实现在这个功能。两者原理不同。
v-show是通过样式对元素进行显示和隐藏。
v-if则是通过操作DOM真实的改变情况,因此会频繁的操作DOM,很耗性能。
所以v-show比v-if好一点。