Vue抽取组件

抽取组件

  1. 在script标签中引入组件
import SideMenu from "@/components/SideMenu";
  1. 局部注册组件
components:{
    "SideMenu":SideMenu
  }

3.在页面中引入组件

组件组成的标签名即可引入成功

  1. 父子组件传值
    用:号的方式进行传值
<SideMenu :isCollapse="isCollapse"></SideMenu>

注意:传值的时候组件里面要用props声明一下类型

posted @ 2022-07-14 23:27  长情c  阅读(142)  评论(0)    收藏  举报