如何深入理解并改写Vue组件为长尾关键词？

本文共计1259个文字，预计阅读时间需要6分钟。

目录+前言+一、全局组件+1. 定义+2. 全局组件调用+二、局部组件+1. 定义+2. 局部组件调用+前言+为什么Vue就在前几年开始流行并且实用起来了呢？主要原因是由于Vue的一个最强大的。

目录

• 前言
• 一、全局组件
• 1、定义
• 2、全局组件调用
• 二、局部组件
• 1、定义
• 2、局部组件调用

前言

为什么vue就开始在前几年就流行并且实用起来了？这主要的是因为由于vue的一个最强大的功能就是vue的组件，vue的组件到底有什么强大的功能呢？原因有两个，一个是组件的复用性很高；另一个是可以减少重复性的开发。

一、全局组件

1、定义

全局组件的语法是：vue.component（‘组件名’，{配置选项}）；

然后，我们进一步理解一下，组件名应该怎么定义：组件名的定义规则是，使用短横线分隔命名，字母小写并且还需要一个连字符。配置选项对象：创建的配置选项的对象和new Vue创建的配置的实例接收相同的选项对象，这些对象属性里面有：data、computed、methods等等

一个组价可以预定义很多选项，最核心的是一下两个

结构模板template

这个模板声明了数据䄦最终显示给用户的DOM之间的映射关系。