2023年7月5日
摘要: 1、父子组件通过Props传递数据,数据可以为固定数据,也可以多个数据,也可以动态数据 新建Parent.vue组件 1 <template> 2 <h3>Parent</h3> 3 <Child gd_title="Parent传固定数据" gd_title2="传递第二个参数" :dt_titl 阅读全文
posted @ 2023-07-05 21:48 wuzx-blog 阅读(712) 评论(0) 推荐(0) 编辑
摘要: 组件注册方式 一个 Vue 组件在使用前需要先被“注册”,这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式:全局注册和局部注册。 全局注册 将09节课程的Header组件进行全局注册演练 在main.js中添加Header.vue组件的注册 1 import { createApp 阅读全文
posted @ 2023-07-05 15:39 wuzx-blog 阅读(893) 评论(0) 推荐(0) 编辑
摘要: 组件嵌套关系 组件允许我们将 UI 划分为独立的、可重用的部分,并且可以对每个部分进行单独的思考。在实际应用中,组件常常被组织成层层嵌套的树状结构: 这和我们嵌套 HTML 元素的方式类似,Vue 实现了自己的组件模型,使我们可以在每个组件内封装自定义内容与逻辑。 创建组件及引用关系 项目中新建pa 阅读全文
posted @ 2023-07-05 15:03 wuzx-blog 阅读(755) 评论(0) 推荐(0) 编辑
摘要: 定义一个组件 在components文件夹下新建MyComponent.vue组件 写入下面代码 1 <script> 2 export default { 3 data() { 4 return { 5 count: 0 6 } 7 } 8 } 9 </script> 10 11 <templat 阅读全文
posted @ 2023-07-05 13:45 wuzx-blog 阅读(13) 评论(0) 推荐(0) 编辑