H5W3
当前位置:H5W3 > 问答 > 正文

关于VUE的export default一些小疑问

新人,刚学VUE没多久,这是VUE-CLI一个模板例子,我想问一下,name:app倒是含义是什么?或者作者想表达啥意思

export default{
name:'APP'
}
<template>
<div id="app">
![](./assets/logo.png)
<router-view/>
</div>
</template>
<script>
export default{
name:'APP'
}
</script>
<style>
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
</style>

回答

这是组件名称,有三个作用:

  1. 允许组件模板递归地调用自身,就是在组件内部调用自身组件
  2. 便于调试。有名字的组件有更友好的警告信息。另外,当在有 vue-devtools,未命名组件将显示成 <AnonymousComponent>,这很没有语义。通过提供 name 选项,可以获得更有语义信息的组件树。
  3. keep-alive中有includeexclude允许组件有条件地缓存。二者都可以用逗号分隔字符串、正则表达式或一个数组来表示。匹配首先检查组件自身的 name 选项,如果 name 选项不可用,则匹配它的局部注册名称 (父组件 components 选项的键值)。匿名组件不能被匹配。

未经允许不得转载:H5W3 » 关于VUE的export default一些小疑问

赞 (0)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址