什么是`export default`中的`name`?

时间:2018-02-11 13:41:32

标签: ecmascript-6 vue.js

我在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: usersUsers.vue是否与export default相关?或者只是ModelName::whereDate('created_at', now()->today())->get(); ModelName::whereDate('created_at', now()->yesterday())->get(); 中的一个元素?

2 个答案:

答案 0 :(得分:1)

来自doc

  

允许组件在其模板中以递归方式调用自身。请注意,当使用Vue.component()全局注册组件时,全局ID将自动设置为其名称。

     

指定名称选项的另一个好处是调试。命名组件会产生更有用的警告消息。此外,在检查vue-devtools中的应用程序时,未命名的组件将显示为,这不是非常有用的信息。通过提供名称选项,您将获得更具信息性的组件树。

它仅适用于组件。在调试时指定名称选项,它有有用的警告消息。

答案 1 :(得分:0)

这两个名称并不真正相关,但在名称属性(name: user-profile)中使用kebab案例并在pascal案例中相应地命名.vue文件被认为是一种好习惯({{1} })。