vue--组件热身

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

1.流程：创建组件构造器》注册组件》使用组件

.第二个参数直接提供一个对象，内部会帮你调用Vue.extend()

.组件的选项对象没有el属性

.组件中的data必须是一个函数，函数中返回一个新对象,防止组件引用同一个对象

.全局组件Vue.component（）,局部组件{components：{组件id：实例构造器 | 对象}}

.组件只能有一个顶级元素


2.命名规则：

.可以使用烤串命名法 a-b-c

.可以使用驼峰命名法 miaovKetang

.不能使用html规定的标签名 div span

.在模板中使用组件的时候，一定要使用烤串命名法


3.模板template

.在component中定义

.放在<html>中，用<template></template>（HTML <template> 元素 是一种用于保存客户端内容的机制，该内容在页面加载时不被渲染，但可以在运行时使用JavaScript进行实例化）

.放在<script type="text-/x-template" id="XX"><script>,然后通过#XX使用



以上是 vue--组件热身 的全部内容， 来源链接： utcz.com/z/378302.html

回到顶部