随笔都是学习笔记
随笔仅供参考,为避免笔记中可能出现的错误误导他人,请勿转载。

一、组件

vue中的.vue文件可以简单理解为组件,放在components文件夹下,根组件就是App.vue:

 

 二、使用components文件夹下自定义的组件步骤:

1、创建模板,组件一般模板为以下形式:

 

 二、导出标识:

在 <script> 标签中编写  export default {} 来标识当前组件可以被外部组件引入

三、导出标识组件名称:

 

 在 export default { } 中编写name 属性来标识当前组件名称。

 

四、引入创建的组件:

 

 在App.vue 根组件或其它组件的 script 标签中进行 import 引入

五、挂载组件,表示组件可使用:

 

 在App.vue 的 export default {} 中编写components 属性,将引入组件的 标签名加入其中进行挂载。

六、使用挂载的组件(以标签的形式):

 

 仅需 <ComponentForOne /> 就行了,后面的属性是组件间参数的传递。

 三、组件的理解:

组件可以理解为单独的个体,既相互独立又能互相引用。就像树形结构,一个节点下可以有多个节点,根节点可以比作 App.vue 根组件,引入组件即是创建子节点。

组件和java类很像,但java类是引入然后使用其属性或方法,而组件是引入向其传递属性值。

 

posted on 2022-11-14 11:26  时间完全不够用啊  阅读(199)  评论(0编辑  收藏  举报