您好,登錄后才能下訂單哦!
1、
$ npm install vue -cli -g $ vue init webpack project-name $ cd project-name $ npm install$ npm run dev
2、打開項目文件夾,開發目錄主要為src, assets下存放想要放置的圖片,commponents下存放自己寫好的組件,組件之間相互調用;src下同樣可以創建自定義文件夾,用來存放圖片、路由、配置、樣式等
3、App.vue是所有vue組件的老大,即主組件,所有組件通過互相調用有了聯系,最外層的組件導入到App.vue中之后,并輸出,該組件里寫html頁面整體的樣式,如html/body/#app等。
4、各個組件單獨寫自己所涉及的樣式及js
5、main.js為所有項目打包的js的入口文件,這里要引用所有主要的東西:
Vue
App
vue-resource
vue-router
vuex
并注冊相應實例或創建相應的實例
6、配置paskage.json和webpack/babel等
7、根目錄下的index.html是html的主文件,即主要的html框架寫在這里,所有的js最后是要渲染到這里的。并定義最外層容器,比如<div id=”app”></div>
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。