组件化开发&根组件

目录

一、组件化开发介绍

二、根组件


一、组件化开发介绍

组件化:一个页面可以拆分成一个个组件,每个组件有着自己独立的结构、样式、行为。

好处:便于维护,利于复用,提升开发效率。

二、根组件

组件分类:普通组件、根组件。

根组件:整个应用最上层的组件,包裹所有普通小组件。即App.vue。

App.vue文件(单文件组件)的有三个组成部分

语法高亮插件-Vetur

  • 结构是通过<template>标签提供
  • 样式是通过<style>标签提供
  • 行为是通过<script>标签提供
相关推荐
sugar__salt几秒前
从栈队列数据结构到JS原型面向对象全解
前端·javascript·数据结构
XBodhi.9 分钟前
Visual Studio C++ 语法错误: 缺少“;”(在“return”的前面)
开发语言·c++·visual studio
MageGojo11 分钟前
随机文案模块怎么做?从接口封装到前端展示的完整实现思路
javascript·前端开发·api接口·后端开发·随机文案
独特的螺狮粉12 分钟前
篮球集训班器具管理系统 - 鸿蒙PC Electron框架完整技术实现指南
前端·javascript·华为·electron·前端框架·开源·鸿蒙
小妖66612 分钟前
js 生成随机数技巧 Math.random().toString(36)
javascript·随机数
pusheng202513 分钟前
IFSJ全英文专访:中国创新力量重塑先进气体感知技术,赋能全球关键基础设施安全
前端·网络·人工智能·物联网·安全
LSssT.1 小时前
【01】Python 机器学习
开发语言·python
AI_零食1 小时前
番茄钟鸿蒙PC Electron框架完成:状态机、定时器管理与专注力工具设计
前端·javascript·华为·electron·开源·鸿蒙·鸿蒙系统
提子拌饭1331 小时前
逛三园游戏——基于鸿蒙PC Electron框架实现
前端·javascript·游戏·华为·electron·鸿蒙
llz_1121 小时前
web-第三次课后作业
前端·后端·web