详解Vue组件实现tips的总结

我们以一个tips弹窗为例，来综合运用下组件的知识点。tips弹窗，几乎所有的框架或者类库，都会有弹窗这个组件，因为弹窗这个功能平时非常普遍，而且模块解耦度高！tips组件相对来说实现的比较简单，仅用作提示用户的简单弹层。这里既可以使用props传递字符串，也可以使用slot进行定制。即不能在子组件中修改props传过来的数据，来达到修改父组件属性的目的。另外，每次父组件更新时，子组件的所有 prop 都会更新为最新值。这意味着你不应该在子组件内部改变 prop。如果你这么做了，Vue 会在控制台给出警告。