项目
核心页面一
顶部粘滞定位的top栏
- vue中的slot标签(插槽),父组件在使用子组件标签内(即两个尖括号中间)添加一些内容,可以是文本或者代码等内容,然后子组件使用
,则父组件添加的内容则会出现在slot标签的地方。 - 默认插槽---父组件传递过去的内容默认会覆盖子组件内部
之间的内容。 - 具名插槽---slot标签中插入name属性,父组件中定义template的标签添加v-slot:xxx(可以省略直接用#xxx代替)。之后template中间的内容则会根据子组件中slot标签中的name属性找到匹配的内容,传递相应的内容。
- 作用域插槽---子组件中slot标签内部通过v-bind:aaa='bbb'(bbb是子组件本身的属性),然后父组件在调用子组件标签的template标签内可以添加v-slot:default='aaa',这样父组件就可以拿到子组件的值了。可以和name属性搭配使用,default改成name='xxx'
插槽作用:用于父组件给子组件传递内容和拓展、复用、定制组件
vant相关
search 搜索框
路由懒加载
除切换路由的时候可以懒加载,同一页面中的子组件也可以采用懒加载形式
路由跳转
使用this.$router.go(-1)直接后退一步
父子通信
使用props传递可以采用数组或者对象形式,采用对象形式可以设置数据的格式、是否有默认值。
评论 (0)