我在Users.vue
<script>
export default
name: 'users'
看了一个vue项目<template>
</template>
<script>
export default{
name:'users', // there is a `name: 'users'` key-value.
data(){
return {
users:[
{name:'Henry', position:'Web developer', show:false},
{name:'Henry', position:'Web developer', show:false},
{name:'Henry', position:'Web developer', show:false},
{name:'Henry', position:'Web developer', show:false},
{name:'Henry', position:'Web developer', show:false},
{name:'Henry', position:'Web developer', show:false},
{name:'Henry', position:'Web developer', show:false},
{name:'Henry', position:'Web developer', show:false}
]
}
},
components: {}
}
</script>
<style scoped>
</style>
:
name: 'users'
我想知道那里的name: users
函数是什么。在之前的版本中,我看到其他项目,其中没有Users.vue
。
修改-1
我的意思是name: users
,Users.vue
是否与export default
相关?或者只是ModelName::whereDate('created_at', now()->today())->get();
ModelName::whereDate('created_at', now()->yesterday())->get();
中的一个元素?
答案 0 :(得分:1)
来自doc:
允许组件在其模板中以递归方式调用自身。请注意,当使用Vue.component()全局注册组件时,全局ID将自动设置为其名称。
指定名称选项的另一个好处是调试。命名组件会产生更有用的警告消息。此外,在检查vue-devtools中的应用程序时,未命名的组件将显示为,这不是非常有用的信息。通过提供名称选项,您将获得更具信息性的组件树。
它仅适用于组件。在调试时指定名称选项,它有有用的警告消息。
答案 1 :(得分:0)
这两个名称并不真正相关,但在名称属性(name: user-profile
)中使用kebab案例并在pascal案例中相应地命名.vue文件被认为是一种好习惯({{1} })。