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.全局注册:所有组件内都能使用
相关推荐
csdn_aspnet16 分钟前
Asp.Net Core 10.0 中的 Blazor 增强功能
前端·后端·asp.net·blazor·.net10
SuperEugene18 分钟前
Excel 上传解析 + 导出实战:Vue+xlsx 避坑指南|Vue生态精选
前端·javascript·vue.js·excel·xlsx·vxetable
小马_xiaoen23 分钟前
常规优化已用尽?小程序体积深层次优化实战!!!
前端·小程序·uniapp
Highcharts.js23 分钟前
使用Highcharts创建流图(Stream Graph)指南|流动数据的可视化图表与数据艺术表达
javascript·信息可视化·数据可视化·highcharts·可视化图表·流图·stream graph
Lee_Yu_Fan25 分钟前
修改ElementUI 框架中 TreeSelect树形选择的Icon
前端·elementui
C澒29 分钟前
解决多市场业务复用与差异化痛点:Vue Composition API 分层架构方案
前端·架构·前端框架
努力往上爬de蜗牛31 分钟前
el-table列表修改某个输入框输入 卡顿问题修改
javascript·vue.js·elementui
深念Y32 分钟前
一个Bug:Vue Router 4.3.0 导致浏览器窗口无法最小化
前端·vue.js·bug·窗口·最小化·bilibili·视频网站
湛海不过深蓝33 分钟前
【procomponents】根据表单查询表格数据的两种写法
前端·javascript·react.js