第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

關(guān)于學(xué)習(xí) VUE-CLI 的疑惑

關(guān)于學(xué)習(xí) VUE-CLI 的疑惑

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

2 回答

?
qq_遁去的一_1

TA貢獻(xiàn)1725條經(jīng)驗(yàn) 獲得超8個(gè)贊

學(xué)習(xí)框架要懂得它的工作原理,webpack是現(xiàn)代前端框架的基礎(chǔ)。從理解SPA的工作邏輯和編譯過(guò)程開(kāi)始,你需要知道你寫的html不是真的html,他們只是html模板,所有網(wǎng)頁(yè)元素由JavaScript生產(chǎn),至于為什么要這么做,建議你找找相關(guān)文章讀一讀。

查看完整回答
反對(duì) 回復(fù) 2019-03-07
?
倚天杖

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超3個(gè)贊

我也在學(xué)習(xí)vue中,可以和樓主分享一下學(xué)習(xí)經(jīng)驗(yàn)。談?wù)勀闾岬膯?wèn)題。

  1. VueCli是專門服務(wù)于Vue這個(gè)框架的,目的就是為了方便開(kāi)發(fā),區(qū)別于傳統(tǒng)的HTML+JS+CSS的操作方式。如果要在常規(guī)的HTML文件和.js文件中構(gòu)建一個(gè)Vue項(xiàng)目,就需要單獨(dú)引入Vue,然后在JS中實(shí)例化,構(gòu)建組件,在html或CSS文件中寫樣式...相對(duì)來(lái)說(shuō)還是比較麻煩的,并且整個(gè)項(xiàng)目結(jié)構(gòu)不夠清晰。所以.vue在VueCli中是可以替代單獨(dú)寫HTML的,因?yàn)橐呀?jīng)將template中的內(nèi)容作為了html的內(nèi)容。

  2. npm run dev是開(kāi)發(fā)環(huán)境的運(yùn)行,它包括了很多webpack的配置,所以和以前直接打開(kāi)html有區(qū)別。npm run build就是打包項(xiàng)目,如果你的項(xiàng)目是完整的,打包后dist中是有HTML文件的,樓主可以檢查一下自己的項(xiàng)目。

  3. VueCli已經(jīng)將webpack配置在了項(xiàng)目中,為的就是配置各種插件和構(gòu)建一套完整且高效的開(kāi)發(fā)環(huán)境。雖然比較難,但是作為目前最熱門的構(gòu)建工具,還是需要慢慢啃 - -。

  4. 在Vue中頁(yè)面跳轉(zhuǎn)完全可以用router代替,并且很多傳統(tǒng)的開(kāi)發(fā)方式都可以舍棄,如操作DOM,在Vue項(xiàng)目中基本不需要。我見(jiàn)過(guò)在Vue中瘋狂用jQuery的...這樣就有點(diǎn)在足球場(chǎng)打籃球的感覺(jué)了...


查看完整回答
反對(duì) 回復(fù) 2019-03-07
  • 2 回答
  • 0 關(guān)注
  • 643 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)