路由
路由作用
将组件和路由映射
告诉router将组件显示到哪里去
路由概念
Vue Router 是 Vue.js 官方的路由管理器
前端路由后端路由区别
前端路由切换时候不发送htpp请求
开启session,cookie存储一个sessionid
路由配置方法
1.下载安装 引入挂载 Vue.use()
2.创建组件
3.路由和映射
4.创建路由实例
5.将路由挂载到vue实例上
$route
路由信息对象
path
name
meta
params
query
动态路由
路由守卫
boforeEach
afterEach
boforeEnter
组件内的守卫(组件内钩子)<br>1、beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave <br>
路由传参
指令
特殊属性,具有特殊行为
14个指令
v-text
v-html
v-for
v-if
v-else
v-elseif
v-show
v-bind :
v-on @
v-model
v-pre
v-cloak
v-slot #
作用域插槽
v-if v-show的区别、优先级
参数:v-bind v-on
修饰符
双向绑定v-model
组件
概念
对html的封装、自定义的标签、能够重复调用、vue的实例
组成
页面结构、样式、逻辑结构
template、script、style:全局,局部(scoped,lang)
命名
防止现有标签冲突
短横线分隔命名
van-footer、my-footer
首字母大写命名(驼峰)
Dom解析
标签布局嵌套
<table><tr is="my-row"></tr></table>
模板里面有且只有一个根元素
data为什么要写成函数 return
组件要复用,让数据不会相互影响
css样式穿透 >>>选择器
组件通信
父子组件
父向子 props
子向父 $emit 自定义事件
兄弟组件 vuex
props验证
数据类型(可以一个类型,也可以多个类型)
必填 required
默认值 default
如果默认值是数组、对象 需要用工厂函数的方式返回
动态组件