vue组件由几部分组成

青灯夜游
发布: 2022-12-20 15:08:05
原创
4523 人浏览过

vue组件由3部分组成:1、template,设置组件的模板结构;2、script,设置组件的JavaScript行为;3、style,设置组件的样式。每个组件中必须包含template模板结构,而script行为和style样式是可选的组成部分;“

vue组件由几部分组成

本教程操作环境:windows7系统、vue3版,DELL G3电脑。

vue 是一个完全支持组件化开发的框架。vue 中规定组件的后缀名是 .vue。之前接触到的 App.vue 文件本质 上就是一个 vue 的组件。每个 .vue 组件都由 3 部分构成,分别是:

  • template -> 组件的模板结构

  • script -> 组件的 JavaScript 行为

  • style -> 组件的样式

其中,每个组件中必须包含 template 模板结构,而 script 行为和 style 样式是可选的组成部分。vue 规定:每个组件对应的模板结构,需要定义到

<template>
<!-- 当前组件的DOM结构,需要定义到template 标签的内部
</ template>
登录后复制

注意: