亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

關于學習 VUE-CLI 的疑惑

關于學習 VUE-CLI 的疑惑

慕婉清6462132 2019-03-07 16:32:13
題主使用 VUE 半年, 之前都是html直接引入JS文件直接擼的.<script src="vue.js"></script>var vm = new Vue({});最近對 VUE-CLI 有點蠢蠢欲動,在擼文檔,掃博客,看視頻之后,終于是把一個 HELLO_WORLD 搭起來了(如圖)。但是也由此產生了一些疑惑觀察到 APP.vue 中包含了結構, 樣式, 邏輯, 是否就是說用 .vue 代替了 .html的寫法;輸出的文件夾dist中沒有html文件, 那么我該怎么樣去訪問這些頁面? 雖然在輸入命令行 npm run dev 后, 我是可以在 losthost 中進行訪問, 但是之前我都是寫一個 a.html, 然后在瀏覽器打開的啊;項目創建有用到 vue init webpack-simple , 是不是我我還要學習 webpack;頁面間的跳轉是否需要用 Vue Router 代替 a 標簽;諸多疑惑, 還望賜教, 多謝.
查看完整描述

2 回答

?
qq_遁去的一_1

TA貢獻1725條經驗 獲得超8個贊

學習框架要懂得它的工作原理,webpack是現代前端框架的基礎。從理解SPA的工作邏輯和編譯過程開始,你需要知道你寫的html不是真的html,他們只是html模板,所有網頁元素由JavaScript生產,至于為什么要這么做,建議你找找相關文章讀一讀。

查看完整回答
反對 回復 2019-03-07
?
倚天杖

TA貢獻1828條經驗 獲得超3個贊

我也在學習vue中,可以和樓主分享一下學習經驗。談談你提的問題。

  1. VueCli是專門服務于Vue這個框架的,目的就是為了方便開發,區別于傳統的HTML+JS+CSS的操作方式。如果要在常規的HTML文件和.js文件中構建一個Vue項目,就需要單獨引入Vue,然后在JS中實例化,構建組件,在html或CSS文件中寫樣式...相對來說還是比較麻煩的,并且整個項目結構不夠清晰。所以.vue在VueCli中是可以替代單獨寫HTML的,因為已經將template中的內容作為了html的內容。

  2. npm run dev是開發環境的運行,它包括了很多webpack的配置,所以和以前直接打開html有區別。npm run build就是打包項目,如果你的項目是完整的,打包后dist中是有HTML文件的,樓主可以檢查一下自己的項目。

  3. VueCli已經將webpack配置在了項目中,為的就是配置各種插件和構建一套完整且高效的開發環境。雖然比較難,但是作為目前最熱門的構建工具,還是需要慢慢啃 - -。

  4. 在Vue中頁面跳轉完全可以用router代替,并且很多傳統的開發方式都可以舍棄,如操作DOM,在Vue項目中基本不需要。我見過在Vue中瘋狂用jQuery的...這樣就有點在足球場打籃球的感覺了...


查看完整回答
反對 回復 2019-03-07
  • 2 回答
  • 0 關注
  • 645 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號