Vue.js - 在 mixin 中声明 Prop 和数据字段-6ren

Vue.js - 在 mixin 中声明 Prop 和数据字段

转载作者：行者123 更新时间：2023-12-04 10:37:57

24

4

在 mixin 中声明常用的 props 和 data 字段是一种不好的做法吗？如果没有，它们是否有任何命名约定(例如 $_myMixin_myDataField )？

最佳答案

由于 vue mixins 是专门为共享逻辑和使组件更可重用而设计的，因此我建议在 mixin 中声明常用的 props 和数据字段。我在 Vue's Style Guide 中没有找到 mixins props 和 data 字段的任何命名约定所以我认为您可能会像往常一样为您的领域选择一些直观的名称。
此外，我不建议使用全局 mixin 来声明 Prop 和数据。 Prop 应该只在该组件需要时才存在，如果您全局声明它们，则将在实际上不需要它们的组件上使用。与数据相同，这会导致大量未使用的数据字段

关于Vue.js - 在 mixin 中声明 Prop 和数据字段，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/60074272/

24

4

0

文章推荐： python - 使用 Python 在 requests.get() 之后损坏的 PDF 文件

文章推荐： botframework - Services.AddTransient() 与 Services.AddBot()

mixins - 有没有一种直接的方法来检查某个东西是否是 mixin？
乐 mixins具有两个(或更多)性质，在同一个容器中组合多个值，或者值与角色一起。但是，据我所知，没有一种直接的方法可以检查不是由您创建的变量中的“混合性”。这可能是个伎俩 my $foo = 3
Sass @use 无法将分离的 mixin 文件处理到主 mixin 文件中(错误 : Undefined Mixin)
我对 sass 比较陌生，但是当我学习它时，Sass 网站说要开始使用 @use 而不是 import，所以经过大量的反复试验，我终于弄清楚了如何使用它与导入相同。注意:我使用 Prepros 进行
C++ Mixin，检查模板类型是否实现了特定的 mixin
给定一个看起来像这样的代码片段，我如何编写一个函数来检查给定对象是否实现了某个混合？我尝试使用指针转换，但由于它们具有相同的基础，因此每个结果都是非空的，但我猜测有一个模板化的解决方案，但找不到我可以
TypeScript mixin 受限于另一个 mixin
我正在使用 Typescript 2.2 的 mixin，并且想使用另一个 mixin 的属性。文档显示可以将 mixins 限制为仅混合到某些类中...... const WithLocation
css - Mixin 属性作为另一个 mixin 的参数？
我如何创建一个将嵌套的 mixin 属性用作参数的 mixin？我用下一个例子来解释自己。我有一个“过渡属性”mixin: .transition-property (@props){ -we
mixins - Google Dart 是否支持 mixin？
我浏览了language documentation而且 Google Dart 似乎不支持 mixins(接口(interface)中没有方法主体，没有多重继承，没有类似 Ruby 的模块)。我对此
css - Sass mixin 或返回 mixin 的函数
我想编写返回混合的函数/混合。例如我有这个 mixin: @mixin generate-offsets-from-map($class-slug,$type,$from, $to, $step) {
syntax - `#namespace > .mixin()` 与 `.namespace.mixin()`
所有 Less 文档和教程都使用 #namespace > .mixin()当它进入命名空间时的语法。但是我发现自己更习惯于 .namespace.mixin()语法，即: .namespace()
dynamic - 实例上的 Groovy Mixin(动态 Mixin)
我正在努力实现以下目标: class A { def foo() { "foo" } } class B { def bar() { "bar" } } A.mixin B def a = n
javascript - 我需要如何更改这些 TypeScript mixin 类型定义才能允许定义允许类扩展特征的 mixin？
出于本问题的目的，将“mixin”视为 https://www.typescriptlang.org/docs/handbook/mixins.html 中所述的函数。 .在这种情况下，mixin 扩
javascript - 如何在另一个 mixins 函数中使用 mixins 函数？
如何在 vue mixins 中组合两个函数？ Vue.mixin({ methods: { functionOne: () => { console.log(1)
javascript - 在类定义中使用 mixin 后无法覆盖 mixin 行为
我需要重写 mixin 添加的一些成员函数来自第三方库。问题是:mixin 立即在多个第 3 方类定义中使用，在定义 mixin 的同一个脚本文件中。我只能在此脚本之前或之后插入自定义代码，而不能在两
css - LESS:如何将一个 mixin 作为参数传递给另一个 mixin？
我有一些基本的 mixin，它们使用媒体查询应用一些规则 .on-small(@rules) { @media (@minWidthSmall) { @rules(); } } .on-mediu
node-sass - Mixin 不能在控制指令或其他 mixin 中定义
我尝试安装 npm 包。所有软件包都安装正确。但是当我尝试使用 npm start 运行应用程序时当时发生以下错误: ERROR in ./node_modules/css-loader?{"sou
css - 基于父 mixin 控制嵌套 mixin 行为
这里有两个mixin @mixin parent { .parent & { @content; } } @mixin child($child) { .#{$child} & {
css - 在另一个 mixins 中更改 mixins 参数
我在另一个 mixins 中有一个 mixins .background(@url: @base-url , @repeat: repeat, @pos1: left, @pos2: center
css - 通过另一个 Mixin 参数值包含一个 SASS Mixin
我有这个: 如您所见，我目前有一个包含按钮样式混合宏的条件，无论如何我可以自动包含一个吗？例如: @mixin button($color) @include button-#{$color} 最
c++ - 如何解压在 mixins 主机类中传递的一组元组(最终被转发给 mixins)
我有以下代码，可以很好地将各种 std::tuples 转发到我的“BaseSensor”主机类的各种 mixin。 #include // std::cout std::endl #include
css - SASS 元素设置 : mixins that depend on other mixins
我按照概述的方式组织我的 sass (scss) 文件 here ... stylesheets/ | |-- modules/ # Common modules | |
css - LESS:在 mixins 中使用 mixins 滥用浏览器前缀
所以，这是我的第一个 mixin .3transitions (@value1,@value2,@value3,@duration){ @value: ~"@{value1},@{value2}

首页

博学

6Ren·AI

商城

Vue.js - 在 mixin 中声明 Prop 和数据字段