这是我参加青训营笔记创作活动的第13天

Find 则是在 当前文件查找 ，快捷键为Ctrl + F。 这两个个功能非常实用。 Find in Path 的 使用 ： 按快捷键Ctrl + Shift + F或从从菜单Edit-》 Find -》 Find in Path 进入 全局查找 界面。

用 inline-flex 替代 inline-block

组件通信

儿子主动呼叫爸爸

• 需求 当移动被选中的时候关于和手机，联系方式都要被选中才能保证不丢失信息

打开和选中没有任何关系

选中时 依旧保持着hover 可以保持选中没打开 或者打开没选中

//子组件中
this.$parent.x() && this.$parent.x;// 有 x就调用 没x就不调用

父组件
<template>
  <div class="emui-sub-nav" :class="{ active }">
    <span @click="onClick">
      <slot name="title"></slot>
    </span>
    <div class="emui-sub-nav-popover" v-show="open">
      <slot></slot>
    </div>
  </div>
</template>

<script>
    methods(){//递归调用，实现一直向上寻找爸爸
        x() {
          this.active = true;
          this.$parent.x() && this.$parent.x;
        },
    
    }

命名中 驼峰法等于用 -

emuiTag == emui-tag 在使用组件命名时 ，用 驼峰法 可以等同于用-分隔

自定义指令

1.1 钩子函数

一个指令定义对象可以提供如下几个钩子函数 (均为可选)：

• bind 只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。
• inserted 被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。
• update 所在组件的 VNode 更新时调用，但是可能发生在其子 VNode 更新之前。指令的值可能发生了改变，也可能没有。
• componentUpdated 指令所在组件的 VNode 及其子 VNode 全部更新后调用。
• unbind 只调用一次，指令与元素解绑时调用。

如何解决导航栏竖向与横向

可以使用依赖注入

参考网页

Vue实现自定义指令（directive）及应用场景 - 掘金 (juejin.cn)