Vue组件以及生命周期函数

组件作用:Vue 中所有页面都由组件组成,如APP.vue就是组件;

一个组件(页面)中由 模板、业务逻辑、Css 组成;
在这里插入图片描述
组件中有包含了HTML、CSS 以及 JS;

公共的功能单出抽出成一个组件,如,页面头部公共部分;
在这里插入图片描述
Vue官网:https://cn.vuejs.org
在这里插入图片描述
在这里插入图片描述
App.vue是根组件,通常不做操作;

在这里插入图片描述
其他vue页面都是挂载在App.vue根组件的;

子页面上有可以挂载其他组件;
在这里插入图片描述
树状的、组件化的开发模式。

路由:可以动态的挂载组件.

如,App.vue 可以动态的引入组件;

Vue中创建、使用和注册组件。

src下创建components文件夹,用于放置组件:
在这里插入图片描述
创建组件,建议首字母大写, 如:Home.vue.
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
所有的都变成红色了。

让home组件里的样式只在home里边生效。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
实现了单页面引用;
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值