• 赚钱入口【需求资源】限时招募流量主、渠道主,站长合作;【合作模式】CPS长期分成,一次推广永久有收益。主动打款,不扣量;

Vue ‘export default’ 与 ‘new Vue’

Vue cps12345 2个月前 (11-12) 75次浏览 0个评论

这是一篇很棒的文章,解释了有关组件的更多信息 https://frontendsociety.com/why-you-shouldnt-use-vue-component-ff019fbcac2e

当您声明:

new Vue({
    el: '#app',
    data () {
      return {}
    }
)}

通常,这是您的根Vue实例。这与html文档中声明的根元素无关,例如:

<html>
  ...
  <body>
    <div id="app"></div>
  </body>
</html>

另一种语法是声明一个组件,该组件可以在以后注册和重用。例如,如果您创建单个文件组件,例如:

// my-component.js
export default {
    name: 'my-component',
    data () {
      return {}
    }
}

您以后可以导入它,并像下面这样使用:

// another-component.js
<template>
  <my-component></my-component>
</template>
<script>
  import myComponent from 'my-component'
  export default {
    components: {
      myComponent
    }
    data () {
      return {}
    }
    ...
  }
</script>
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

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