模版AAA.vue
<template>
<div>
<h1>AAA~~~</h1>
</div>
</template>
<script>
export default {
name: 'AAA',
data () {
return {
msg: 'bbb'
}
}
}
</script>
<style scoped>
</style>
调用刚才写的那个模版
<template>
<div id="app">
<AAA />
<!-- <p>{{testString}}</p> -->
<p v-text="testString"></p>
</div>
</template>
<script>
import AAA from './components/AAA'
export default {
name: 'App',
data () {
return { testString: AAA.data().msg }
},
components: {
AAA
}
}
</script>
<style>
</style>
