m0_46165310的博客

*

Vue—样式穿透/deep/ ,>>>, ::v-deep和 deep()四者的区别Vue—样式穿透/deep/ >>> ::v-deep deep()四者的区别1./deep/#在vue3.0之前可使用，例如(复写样式前加/deep/)，vue3.0及后使用就会报错& /deep/ .el-input {width: 60px;}2. ::v-deep#在vue3.0及后使用，替代/deep/&::v-deep .el-input {

为什么vue中data是函数而不是一个简单对象？为什么不是对象？vue 中每一个 .vue文件都是一个组件，vue抽离成一个个单独的组件就是为了实现复用，那么问题来了，如果组件实现了复用，组件中的data数据 自然就会被复用，但我们复用组件目的可不是为了在不同页面展示相同的数据。而且假设data是Object引用数据类型,每个组件的data对象都是指向内存的同一个地址,复用组件时，一处改变了就会连累其他复用组件改变，这当然也不是我们想要的结果，所以,每个data不能指向同一个地址，下面用原型链来解释这