自定义组件 && 路由守卫

首先自定义组件我们可以用来 封装组件
我先说一下我的组件封装和在项目中的封装.
答:
我用的是最新的vue脚手架开发的 项目,其中我都是采用的组件化开发的思想。一般我在搭建项目的时候,会创建一个views目录commen目录和一个feature目录
在views目录中存放页面级的组件,
在commen中存放公共组件(如:head公共头组件、foot公共的底部组件……),
feature目录中存放功能组件(如:swiper轮播组件、tabbar底部切换功能组件、list上拉下拉组件)。

在这里组件可以提升整个项目的开发效率,能够把页面抽象成多个相对独处的模块,解决了我们传统项目开发:效率低,难维护,复用性低 等问题.

在使用vue.extend方法创建一个组件,然后使用vue.component方法注册组件。
但是我们一般用脚手架开发项目,每个.vue单文件就是一个组件;在另一个组件通过import导入,并在components中注册子组件需要的数据,之后可以在props中接受定义;
而子组件修改好数据想把数据传递给父组件。可以采用emit的方法。

以上就是我自己在开发中对自定义组件的理解以及简单的开发过程

想了解更多vue路由守卫就点击下方吧-
点我哟^^ 小宝特工带你了解更多

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值