洛飞 - 博客园

2024年8月26日

摘要：实际生活中的应用界面，通常由多层组件构成，同样，URL中各段动态。路径也按某种结构对应嵌套的各层组件。我们使用children属性来完成。 let routes = [ { path:'/user',component:User, children:[ { path:'userList', com 阅读全文

posted @ 2024-08-26 17:17 洛飞阅读(34) 评论(0) 推荐(0)

Vue动态路径参数

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2024-08-26 15:13 洛飞阅读(80) 评论(0) 推荐(0)

2024年8月23日

Vue路由（一）

摘要：路由其实是一种映射关系，类似于key >value的键值对关系，其中key表示请求的路径path。路由是根据不同的url地址展示不同的内容和页面。路由分为前端路由和后端路由前端路由：前端路由的value表示组件，一个path映射一个组件；后端路由：后端路由的value表示处理请求的回调函数，阅读全文

posted @ 2024-08-23 16:46 洛飞阅读(20) 评论(0) 推荐(0)

2024年8月22日

Vue混入

摘要：将来我们可能要定义非常多的组件，那么不可避免的是有些组件的数据、函数methods方法、监听，计算属性等都可能会重复。那么如何提高这些（组件配置项）的复用，可以通过组件的复用mixin混入来实现vue组件配置项的复用，一个混入对象可以包含任意的组件选项当组件中使用混入对象时，会把混入对象的配置混阅读全文

posted @ 2024-08-22 16:22 洛飞阅读(26) 评论(0) 推荐(0)

Vue 插槽

摘要：如果向组件标签中输入内容，会被忽略掉 1、props接受父组件传递过来的数据 2、插槽，接受父组件向子组件传递的html文本在组件中通过slot标签可以接收父组件传递过来的html文本,就是将slot标签添加到template标签中如下：现在组件中添加标签 <sub-component :pms 阅读全文

posted @ 2024-08-22 11:06 洛飞阅读(24) 评论(0) 推荐(0)

2024年8月21日

父组件向子组件传递数据

摘要：如果想在子组件中使用父组件的数据，不能直接调用，但是可以进行组件传值通过属性绑定的形式，把子组件需要的数据，传递到子组件内部，供子组件使用 1、传父组件传值 v-bind:自定义属性名=父组件数据的变量名 2、自定义属性名就是子组件内部接受传递的数据变量名如下我们定义了一个subCompone 阅读全文

posted @ 2024-08-21 14:30 洛飞阅读(1299) 评论(0) 推荐(0)

2024年8月20日

vue切换组件基础模板

摘要：需求：登录注册两个按钮，点击登录的时候登录显示，点击注册的时候注册显示，另外一个隐藏如下图所示先定义两个template组件 <template id="login"> <div> <h2>用户登录</h2> <p> 用户名：<input type="text" v-model="username 阅读全文

posted @ 2024-08-20 20:50 洛飞阅读(14) 评论(0) 推荐(0)

vue组件中的data

摘要：组件可以有自己的data数据组件的data和vue实例中的data有点不一样，实例中的data可以为一个对象，但是组件的data，必须是一个方法组件中的data出了必须为一个方法以外，这个方法内部，还必须返回一个对象才行组件中的data数据使用方式和实例中的data使用方式完全一样。如下定义阅读全文

posted @ 2024-08-20 17:14 洛飞阅读(70) 评论(0) 推荐(0)

Vue局部组件的定义

摘要：通过component配置项来定义局部组件 <script> // 随着组件的配置项越来越多，那么VUE配置项的内容会非常多， // 推荐：把组件的配置以自变量的方式定义在外面 let pageHeader = { template:'<div>页面的头部内容</div>' } let pageBo 阅读全文

posted @ 2024-08-20 15:48 洛飞阅读(37) 评论(0) 推荐(0)

Vue组件概念以及全局组件定义

摘要：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不能的功能木块，将来需要什么样的功能，就可以去调用组件和模块化的不同：模块化：是从代码逻辑的角度进行划分的，方便代码分层开发，保证每个功能模块只能单一组件化：是从UI界面的角度进行划分的，前端的组件化，方便UI组件的重阅读全文

posted @ 2024-08-20 15:31 洛飞阅读(157) 评论(0) 推荐(0)

洛飞

公告