Vue.js---初始化項目:
Vue.js-Day03-AM【超級詳細:Node.js環境安裝、安裝淘寶鏡像(Win、Mac)、安裝Vue腳手架、初始化Vue項目-指令解釋(Vscode、指令行視窗)、目錄介紹、Vue檔案介紹】
【https://blog.csdn.net/weixin_44949135/article/details/106373070】
項目沒有啟動。網頁打不開,localhost:8080沒跑起來,指令行視窗要一直保持着運作狀态。
然後,才可以到浏覽器裡面去運作項目。
注意 路徑。
伺服器必須處于開啟狀态,項目才能在伺服器上運作。
npm run dev
App.vue
<template>
<div>
<Box title="我竟然是父親!"></Box>
</div>
</template>
<script>
import Box from "./components/Box";
export default {
data() {
return {};
},
methods: {},
components: {
Box
}
};
</script>
<style scoped>
</style>
Box.vue
<template>
<div class="box">
呔!爸爸是元件。
{{title}}
</div>
</template>
<script>
export default {
data() {
return {};
},
methods: {},
props: ["title"]
};
</script>
<style scoped>
.box {
width: 100px;
height: 100px;
background-color: orange;
color: royalblue;
}
</style>>
蟹蟹觀看~
點個贊再走啊,老闆~