什么是.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>`
})
下一篇: 毕生绝学女神经化妆教程爆红