组件化开发&根组件

目录

一、组件化开发介绍

二、根组件


一、组件化开发介绍

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

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

二、根组件

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

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

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

语法高亮插件-Vetur

  • 结构是通过<template>标签提供
  • 样式是通过<style>标签提供
  • 行为是通过<script>标签提供
相关推荐
第七种黄昏4 分钟前
前端面试-箭头函数
前端·面试·职场和发展
Youyzq5 分钟前
前端box-shadow出现兼容性问题如何处理
前端
星秀日9 分钟前
框架--SpringMVC
java·开发语言·servlet
携欢13 分钟前
PortSwigger靶场之将 XSS 存储到onclick带有尖括号和双引号 HTML 编码以及单引号和反斜杠转义的事件中通关秘籍
前端·html·xss
三小河21 分钟前
工作中的Ai工具汇总
前端
mapbar_front39 分钟前
react项目开发—关于代码架构/规范探讨
前端·react.js
二木一夕1 小时前
Vue 3 的组合式 API和传统选项式 API区别(vue2转vue3,两者差异)
前端
LuckySusu1 小时前
【vue篇】Vue 项目中的静态资源管理:assets vs static 终极指南
前端·vue.js
LuckySusu1 小时前
【vue篇】Vue.delete vs delete:数组删除的“陷阱”与正确姿势
前端·vue.js
LuckySusu1 小时前
【vue篇】Vue 模板编译原理:从 Template 到 DOM 的翻译官
前端·vue.js