Vue插槽有以下3种类型：

Vue组件的生命周期图示如下：

下图是尚硅谷天禹所给的有关Vue生命周期的解释：

• 在父组件中使用v-on绑定自定义事件，并定义回调。

  例如给一个user-info绑定自定义事件：

   1<!-- 
   2  App.vue
   3 -->
   4
   5<template>
   6  <div>
   7    <!-- 
   8      通过父组件给子组件绑定一个自定义事件
   9      实现子组件给父组件传递数据
  10      使用 .once 修饰符，让事件只在第1次被触发时执行回调
  11     -->
  12    <user-info @get-name.once="getUserName"/>
  13  </div>
  14</template>
  15
  16<script>
  17  import UserInfo from './components/user-info.vue';
  18
  19  export default {
  20    name: 'app',
  21    components: {
  22      UserInfo
  23    },
  24    methods: {
  25      getUserName(name) {
  26        console.log(
  27          'The event get-name has be trigged.');
  28      },
  29    },
  30  }
  31</script>
  

• 然后在子组件中，触发该自定义事件。

  ]]> /notes/vue/components/scoped/ Mon, 18 Sep 2023 02:18:25 +0000 /notes/vue/components/scoped/ 样式冲突

  Vue多组件开发时，组件中的CSS样式默认是全局使用的。例如在A.vue这个组件中定义的样式，也会在B.vue这个组件中生效。

  ]]> /notes/vue/components/mixins/ Mon, 18 Sep 2023 01:22:04 +0000 /notes/vue/components/mixins/ 混入（mixin）是指将多个组件重复的、可共用的配置选项提取成一个混入对象，然后在这些组件中对这些配置选项进行重用。

  ---

  局部混入

  局部混入是指在组件或特定的Vue实例中引入通用的配置对象。

  ]]> /notes/vue/components/props/ Mon, 18 Sep 2023 01:19:24 +0000 /notes/vue/components/props/ 在Vue中，父组件可以往子组件中传递一些属性值。而子组件需要使用props配置项定义这些要从父组件中获取的数据。

  使用props配置项，可以让该组件的标签在被使用时，通过组件标签属性将值传入组件中。

  ]]> /notes/vue/components/ref-and-nexttick/ Mon, 18 Sep 2023 01:16:55 +0000 /notes/vue/components/ref-and-nexttick/ ref 属性

  在Vue的模板中可以通过为元素或子组件添加ref属性（如ref="elementRefValue"）来告诉Vue实例（或组件实例）要获取该元素。例如：

  ]]> /notes/vue/components/projects/ Sat, 16 Sep 2023 07:47:27 +0000 /notes/vue/components/projects/ 单文件组件

  Vue单文件组件是指使用由Vue定义的.vue格式的文件。.vue文件模板如下：

   1<!-- Vue 只能包含以下三种标签 -->
   2
   3<!-- 组件的结构 -->
   4<template>
   5  <!-- ... -->
   6</template>
   7
   8<!-- 组件交互相关的代码（数据、方法等等） -->
   9<script>
  10  export default {
  11    // ...
  12  };
  13</script>
  14
  15<!-- 组件的样式 -->
  16<style>
  17  /* ... */
  18</style>
  

  其中：

  ]]> /notes/vue/components/introduction/ Thu, 14 Sep 2023 06:33:39 +0000 /notes/vue/components/introduction/ 组件是指实现应用中局部功能代码（html、css、js等）和资源（图片、音频、视频等）的集合。

  传统的Web应用存在以下缺点：

  • 依赖关系混乱，不易于维护。
  • 代码复用率不高。

  CSS文件可以通过外部引入，不存在复用率不高的问题。JS的模块化解决了JS代码复用率不高的问题。而Html想要复用却不是那么容易。

  ]]>