vue-cli 文件夹大楷样板

APP.vue

<template>
<div id="app">
<componentsA v-bind:number=123456></componentsA> 

</template>

<script>
import componentsA from './components/A.vue'/* 在需要引入的根组件内部也要声明import*/

export default {
components:{
'componentsA':componentsA},/* 申明components属性 */

data：function(){

return.....

}

watch:{

.....}

<script>

<title>

....

<title>

A.vue

<template>
<div>
my number is a {{number}}
</div>
</template>

<script>
export default {
props:['number'],
data:function(){
return {
hello:'i am A vue'
}
}

}
</script>

<style>

</style>

main.js

import componentsA from './components/A.vue'//所有新建的组件 都必须在这里注册

 

转载于:https://www.cnblogs.com/LiuCaoMei/p/7553235.html