实习日记02 看项目首页源码
侧边栏壁纸
  • 累计撰写 29 篇文章
  • 累计收到 1 条评论

实习日记02 看项目首页源码

admin
2022-05-31 / 0 评论 / 62 阅读 / 正在检测是否收录...

项目

核心页面一

顶部粘滞定位的top栏

  1. vue中的slot标签(插槽),父组件在使用子组件标签内(即两个尖括号中间)添加一些内容,可以是文本或者代码等内容,然后子组件使用,则父组件添加的内容则会出现在slot标签的地方。
  2. 默认插槽---父组件传递过去的内容默认会覆盖子组件内部之间的内容。
  3. 具名插槽---slot标签中插入name属性,父组件中定义template的标签添加v-slot:xxx(可以省略直接用#xxx代替)。之后template中间的内容则会根据子组件中slot标签中的name属性找到匹配的内容,传递相应的内容。
  4. 作用域插槽---子组件中slot标签内部通过v-bind:aaa='bbb'(bbb是子组件本身的属性),然后父组件在调用子组件标签的template标签内可以添加v-slot:default='aaa',这样父组件就可以拿到子组件的值了。可以和name属性搭配使用,default改成name='xxx'
  5. 插槽作用:用于父组件给子组件传递内容和拓展、复用、定制组件

    vant相关

  6. search 搜索框

    路由懒加载

    除切换路由的时候可以懒加载,同一页面中的子组件也可以采用懒加载形式

    路由跳转

    使用this.$router.go(-1)直接后退一步

    父子通信

    使用props传递可以采用数组或者对象形式,采用对象形式可以设置数据的格式、是否有默认值。

0

评论 (0)

取消