欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-04-12 09:52:13
...

.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>`
})