tabbar案例
使用作用域插槽封装表格组件
组件通信：父传子，子传父
指令的使用
数组的方法：findIndex、push
路由
vue的路由概念：路径和组件的映射关系
为什么要用路由？
1、实现页面切换
2、页面切换整体不刷新浏览器
3、vue项目只有一个html页面
单项目应用：指的是所有业务逻辑写在一个html页面中的项目
优点：
1、页面整体不刷新
2、 开发效率高
缺点：
1、首次加载页面慢
2、开发成本高（需要学习vue）
3不利于SEO
怎么引用路由？
下载/引用/注册/创建路由规则/声称能路由对象/注入vue实列/挂载
声明式导航
就是使用router-link组件标签实现导航功能
语法：<router-lnk to=-"跳转的路径"></router-link>
优点：
1、传值
2、自带实现高亮效果的类名
方式一：
to="/path"？参数名="值"
接受：$route.params.参数名
方式二：
1、路由规则：path:"/path/：参数名"
2、to="path/值"
3、接受：$route.params.参数名
重点向：强制跳转到某一个路由路径上
在路由规则对象中配置redirect属性即可
404页面配置
在路由规则最后面添加以下配置即可
{
path:"*"
component:（）=>(404组件对象)
}
设置路由模式
1、hash模式
浏览器地址栏上有“#” 号
实现原理：通过锚点实现跳转
2、histiry模式
浏览器上面没有“#” 号
项目上线后，后端需要添加配置
实现原理：通过浏览器的history对象的实现
如何设置？
在实例化路由对象的时候添加 mode属性即可
编程式导航
概念：通过js方式实现页面跳转
跳转方式一:
this.$router.push({path:”路由路径“})
跳转方式二：
this.$router.push({name:"路由名"})
传值
方式一：
path跳转结合query进行传值
方式二：
name跳转结合query或params进行传值
接收：
query传------$route.query.参数名
params传-----$route.params.参数名
\
