Vue CLI 4.x 项目结构介绍

&lt;template&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;div class="home"&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img&nbsp; alt = "Vue&nbsp; logo"&nbsp; src=&nbsp; "../assets/logo.png"&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;HelloWorld&nbsp; msg ="Welcome to Your Vue.js App"/&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/div&gt;<br>&lt;/template&gt;<br><br>&lt;script&gt;<br><br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;import HelloWorld from'@/components/HelloWorld.vue'<br><br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;export default{<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;name:'Home',<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;components : {<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;HelloWorld<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;}<br>&lt;/script&gt;<br>

&lt;template&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;div&nbsp; &nbsp;class="about"&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;h1&gt;This is an about page&lt;/h1&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/div&gt;<br>&lt;/template&gt;