Vue基础配置、组件通信

基础配置

Vue框架已经集成了webpack配置

小注意点

vbase 快速生成vue模板

组件名必须是多词格式(驼峰模式)

具体三种写法:

①小驼峰:abcDef.vue

②大驼峰:AbcDef.vue

③中横线:abc-def.vue

假如文件名不符合多次格式的补救办法:

导出重命名使用多词格式

容器
复制代码
index.html中的<div id="app"></div>
入口文件

main.js为入口文件,里面创建了vue实例对象

render为渲染函数 render:h=>h(App),这里的App指的是同级的App.vue文件。

Vue文件结构

组件通信

根组件(App.vue)(页面只能展示一个组件,即根组件,其他组件想展示只能导入根组件中)

style默认支持css样式

普通组件的注册使用(组件的导入导出)

组件注册的两种方式

1.局部注册:只能在注册的组件内使用


2.全局注册:所有组件内都能使用
相关推荐
明远湖之鱼1 分钟前
一种基于 Service Worker 的渐进式渲染方案的基本原理
前端
前端小端长34 分钟前
Vue 中 keep-alive 组件的原理与实践详解
前端·vue.js·spring
FeelTouch Labs44 分钟前
Nginx核心架构设计
运维·前端·nginx
雪球工程师团队1 小时前
别再“苦力”写后台,Spec Coding “跑” 起来
前端·ai编程
m0_471199631 小时前
【场景】前端怎么解决离线收银、数据同步异常等场景问题
前端·javascript
Curvatureflight1 小时前
前端性能优化实战:从3秒到300ms的加载速度提升
前端·人工智能·性能优化
用户99045017780092 小时前
ruoyi集成dmn规则引擎
前端
袋鱼不重2 小时前
AI入门知识点:什么是 AIGC、多模态、RAG、Function Call、Agent、MCP?
前端·aigc·ai编程
小胖霞2 小时前
企业级全栈项目(14) winston记录所有日志
vue.js·前端框架·node.js
NuLL2 小时前
空值检测工具函数-统一规范且允许自定义配置的空值检测方案
前端