0
点赞
收藏
分享

微信扫一扫

VUE组件使用及传值

月半小夜曲_ 2022-03-11 阅读 62
vue.js前端

文章目录

提示:以下是本篇文章正文内容,下面案例可供参考

一、使用步骤

1.注册组件并使用

首先在VUE项目中有些时候会遇到许多功能点得重复,这个时候为了让你的项目这种重复的代码少一些我们通常就会把它封装成为一个组件。
1.首先在component的文件夹下面创建一个项目。
2.在你当前想要使用组件的页面引入。
代码如下(示例):
比如你在component文件夹下创建了一个名叫child的组件。
1.第一种引入方式

import child from '该组件的路径名'

2.第二种引入方式

components:{
	child:()=>'该组件的路径名'
}

2.组件传值

详情见此网址。
https://www.cnblogs.com/july-sunny/p/11687008.html

总结

在工作中我们可能会大量的需要开发组件,所以我们应该去掌握组件这个技术。毕竟VUE是基于组件化开发的框架。
举报

相关推荐

0 条评论