摘要: 插槽,也就是slot,是组件的一块HTML模板,这块模板显示不显示、以及怎样显示由父组件来决定。 插槽模板是slot,它是一个空壳子,因为它显示与隐藏以及最后用什么样的html模板显示由父组件控制。但是插槽显示的位置由子组件自身决定,slot写在组件template的哪块,父组件传过来的模板将来就显 阅读全文
posted @ 2019-07-20 16:54 sixinshuier 阅读(288) 评论(0) 推荐(0) 编辑
摘要: 一般可以在created函数中调用ajax获取页面初始化所需的数据。 实例的生命周期: 每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如,实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ,然后在数据变化时更新 DOM 。在这个过程中,实例也会调用一些 阅读全文
posted @ 2019-07-20 16:32 sixinshuier 阅读(1015) 评论(0) 推荐(0) 编辑
摘要: 现在我们来讨论一种情况,A组件与C组件怎么通信,我们有多少种解决方案? 在很多开发情况下,我们只是想把A组件的信息传递给C组件,如果使用props 绑定来进行信息的传递,虽然能够实现,但是代码并不美观。 在vue2.4中,为了解决该需求,引入了$attrs 和$listeners , 新增了inhe 阅读全文
posted @ 2019-07-20 15:23 sixinshuier 阅读(177) 评论(0) 推荐(0) 编辑
摘要: vm.$attrs简介 首先我们来看下vue官方对vm.$attrs的介绍: 包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时,这里会包含所有父作用域的绑定 (class 和 style 除外),并且可以通过 阅读全文
posted @ 2019-07-20 15:06 sixinshuier 阅读(532) 评论(0) 推荐(0) 编辑
摘要: 定义和用法 fieldset 元素可将表单内的相关元素分组。 <fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。 当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。 <f 阅读全文
posted @ 2019-07-20 14:22 sixinshuier 阅读(272) 评论(0) 推荐(0) 编辑
摘要: .sync 在vue2.4以前,父组件向子组件传值用props;子组件不能直接更改父组件传入的值,需要通过$emit触发自定义事件,通知父组件改变后的值。 父组件: 子组件: 写法上简化了一部分,很明显父组件不用再定义方法检测值变化了。其实只是对以前的$emit方式的一种缩写,.sync其实就是在父 阅读全文
posted @ 2019-07-20 14:15 sixinshuier 阅读(328) 评论(0) 推荐(0) 编辑
摘要: 在 Vue 当中,父组件 -> 子组件 传值,都是通过属性的形式传递的。 子组件 修改 传递数据 直接操作父组件传递过来的值,用是可以用的,但是打开控制台后,会发现 Vue 有个警告:你不要直接修改父组件传递过来数据。 单向数据流的概念 在 Vue 当中有个单向数据流的概念,也就是父组件可以向子组件 阅读全文
posted @ 2019-07-20 13:47 sixinshuier 阅读(1261) 评论(0) 推荐(0) 编辑