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.全局注册:所有组件内都能使用
相关推荐
虚伪的空想家24 分钟前
arm架构服务器使用kvm创建虚机报错,romfile “efi-virtio.rom“ is empty
linux·运维·服务器·javascript·arm开发·云原生·kvm
t***265944 分钟前
SpringBoot + vue 管理系统
vue.js·spring boot·后端
蓝胖子的多啦A梦1 小时前
ElementUI表格错位修复技巧
前端·css·vue.js·el-table表格错位
_OP_CHEN1 小时前
前端开发实战深度解析:(一)认识前端和 HTML 与开发环境的搭建
前端·vscode·html·web开发·前端开发
Irene19911 小时前
ES6 export 语句 语法规范
javascript·es6·export
xiAo_Ju1 小时前
iOS一个Fancy UI的Tricky实现
前端·ios
H***99761 小时前
Vue深度学习实战
前端·javascript·vue.js
猴猴不是猴2 小时前
js实现卷轴,中间可滑动方块,左右两侧对比
javascript·css·css3
toooooop82 小时前
Vuex 中 state、mutations 和 actions 的原理和写法
前端·javascript·uni-app
y***86692 小时前
前端CSS-in-JS方案
前端·javascript·css