vue 简单实验 自定义组件 独立模块

1.概要

2.代码

2.1

const Counter = {
  data() {
    return {
      counter: 0
    }
  },
  template:`
    

  		Counter: {{ counter }}
	
`
}

export default Counter

 2.2

import Counter from './t2.js'

const app = Vue.createApp({
  components: {
    'component-a': Counter
  }
})

app.mount('#counter')

2.3

3.实验结果