什么是.vue文件，它的作用是什么

.vue文件就是一个（或局部）组件，又或者说是一个对象在导出时。在Vue.createApp({ app}) app是一个.vue文件，里面包括三个部分template 和 js css，。然后再对比下面图片，是不是很像，下面一个注册一个组件需要templatejs，所以说，.vue文件就是一个组件，或者一个对象。这里引用一个 vue官方的全局组件实例来说明。// 创建一个Vue 应用const

一路向阳~负责的男人

12012人浏览 · 2021-09-20 13:21:56

一路向阳~负责的男人 · 2021-09-20 13:21:56 发布

.vue文件就是一个（或局部）组件，又或者说是一个对象在导出时。在Vue.createApp({ app }) app是一个.vue文件，里面包括三个部分template 和 js css，。然后再对比下面图片，是不是很像，下面一个注册一个组件需要 template js，所以说，.vue文件就是一个组件，或者一个对象。

这里引用一个 vue官方的全局组件实例来说明。

// 创建一个Vue 应用
const app = Vue.createApp({})

// 定义一个名为 button-counter 的新全局组件
app.component('button-counter', {
  data() {
    return {
      count: 0
    }
  },
  template: `
    <button @click="count++">
      You clicked me {{ count }} times.
    </button>`
})