VUE组件详解

一.基础用法

注意：组件必须在vue实例中使用

以上这种写法在Vue2.x的文档中几乎已经看不到了，下面是创建组件语法糖：

主要是省去了调用Vue.extend()的步骤，而是可以直接使用一个对象来代替。

模板的分离写法：

• 将组件中的HTML分离出来写，然后挂载到对应的组件上，结构会变得非常清晰。
• Vue提供了两种方案来定义HTML模块内容：使用<script>标签和使用<template>标签

二.全局组件和局部组件

全局组件：

• 当我们通过调用Vue.component()注册组件时，组件的注册是全局的
• 这意味着该组件可以在任意Vue实例下使用

局部组件：

• 如果我们注册的组件是挂载在某个实例中, 那么就是一个局部组件
• 只能在当前注册的组件内部使用

三.父组件和子组件数据传递

未完

标签：Vue,传递数据,实例,注册,使用,组件,全局
来源： https://blog.csdn.net/ICanWin_lll/article/details/122584882