vue组件模块化开发

2024-01-10 05:01:43

1组件的使用

步骤:

①引用组件

②定义组件

③使用组件

①局部组件

在一个组件里面使用另一个组件,组件的作用仅在当前宿主组件中生效

② 全局组件

全局组件在main.js,引用,定义,可以在任何组件中使用是全局的

2传值

①父传子

父组件

子组件

总结父传子:

在父组件中,引入,定义,使用子组件

父组件代码:

子组件代码:

②子传父

父组件

子组件

未完待续

3传值案例

分页插件

(mybatis-plus自带的分页插件+vue+element-ui)

前提是:已经有一个分页的功能的页面了,

①新建一个组件

fenye.vue

把关于dept.vue组件的分页的内容拿出来

②设置分页组件

在main.js里引入分页组件

引入fenye.vue,设置全局属性,在dept.vue中使用,

③父组件

④子组件

分页插件

文章来源:https://blog.csdn.net/CSDNlele666/article/details/135466248
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。