我们都知道 Vue 作为一个轻量级的前端框架,其核心就是组件化开发。Vue 就是由一个一个的组件构成的,组件化是它的精髓,也是最强大的功能之一。而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。 但在实际项目开发过程中,我们需要访问其他组件的数据,这样就就有了组件通信的问题。 ...
分类:
其他好文 时间:
2020-05-20 22:47:56
阅读次数:
90
1、组件使用中的细节点 1.1 使用is解决某些情况下显示错误问题 <div id="root"> <table> <tbody> <tr is="row"></tr> <tr is="row"></tr> <tr is="row"></tr> </tbody> </table> </div> <s ...
分类:
其他好文 时间:
2020-05-19 20:43:52
阅读次数:
45
Vue组件 组件的出现就是为了拆分Vue实例的代码量的,能够让我们以不同的组件来划分不同的功能模块,将来我们需要什么样的功能就去调用相应的组件即可。 创建组件 方式1:使用Vue.extend创建组件对象,使用Vue.component注册组件 方式二:直接使用Vue.component(组件名,{ ...
分类:
其他好文 时间:
2020-05-16 00:43:12
阅读次数:
57
1.vue优点? 2.vue父组件向子组件传递数据? 3.子组件像父组件传递事件? 4.v-show 和 v-if指令的共同点和不同点? 5. 如何让CSS只在当前组件中起作用? 6. 的作用是什么? 7.如何获取dom? 8.说出几种vue当中的指令和它的用法?。 9. vue-loader是什么 ...
分类:
其他好文 时间:
2020-05-14 21:07:01
阅读次数:
222
1. 使用vue.mixin全局混入 混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。mixins 选项接受一个混合对象的数组。 混入的主要用途 1、在你已经写好了构造器后, ...
分类:
其他好文 时间:
2020-05-14 15:01:19
阅读次数:
151
全局组件注册 data 必须是一个函数 组件模板内容必须是单个根元素 组件模板内容可以是模板字符串 全局组件可以嵌套全局组件 组件命名方式 局部组件注册 局部注册的组件只能在父组件中使用 ; 父组件向子组件传值 props 传递数据原则 : 单向数据流 组件内部通过 props 接收传递过来的值 父 ...
分类:
其他好文 时间:
2020-05-13 00:28:15
阅读次数:
53
vue组件中data值不能为对象,因为对象为引用类型,组件可能被多个实例同时引用。 如果data值是对象,将导致多少实例公用一个对象,其中一个组件改变data属性值,其他实例也会送到影响。 ...
分类:
其他好文 时间:
2020-05-12 11:56:19
阅读次数:
91
1. Vue传参方式 1.1 通过动态路由传参 我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件。例如,我们有一个 User 组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染。那么,我们可以在 vue-router 的路由路径中使用“动态路径参数”(dynamic segmen ...
分类:
其他好文 时间:
2020-05-11 01:06:24
阅读次数:
81
什么是组件化? 人面对复杂问题的处理方式: 任何一个人处理信息的逻辑能力都是有限的 所以,当面对一个非常复杂的问题时,我们不太可能一次性搞定一大堆的内容。 但是,我们人有一种天生的能力,就是将问题进行拆解。 如果将一个复杂的问题,拆分成很多个可以处理的小问题,再将其放在整体当中,你会发现大的问题也会 ...
分类:
其他好文 时间:
2020-05-08 18:46:40
阅读次数:
86
主要想说下非父子组件之间的通信。 项目场景:在app.vue里写了一个公共的顶部导航navbar,然后右侧有个分享按钮,而这个分享按钮只有在特定的页面才展示,项目里是在lottery.vue页面,然后想实现app.vue里点击分享按钮,触发lottery.vue里的分享方法。 解决:使用eventB ...
分类:
其他好文 时间:
2020-05-08 16:22:30
阅读次数:
61