Vue 注意事項

vscode中的vue文件中emmet進(jìn)行tab鍵不起作用

:https://code.visualstudio.com/updates/v1_10#_vue

vscode現(xiàn)已取消 .vue 文件與 HTML 的默認(rèn)關(guān)聯(lián),需要手動配置缎患。

"emmet.triggerExpansionOnTab": true,
"emmet.includeLanguages": {
    "vue-html": "html",
    "vue": "html"
}

vuejs webpack模板里import路徑中@符號是什么意思

@是webpack的路徑別名阔挠,相關(guān)定義:

/build/webpack.base.conf.js

resolve: {
    // 自動補全的擴(kuò)展名
    extensions: ['.js', '.vue', '.json'],
    // 默認(rèn)路徑代理
    // 例如 import Vue from 'vue'屈尼,會自動到 'vue/dist/vue.common.js'中尋找
    alias: {
        '@': resolve('src'),
        '@config': resolve('config'),
        'vue$': 'vue/dist/vue.common.js'
    }
}

vue 路徑上的#怎么去掉

對于vue開發(fā)的單頁面應(yīng)用图甜,我們在切換不同的頁面的時候乎澄,可以發(fā)現(xiàn)html永遠(yuǎn)只有一個壤短,這也真是稱之為單頁面的原因觉义。

vue-router 默認(rèn) hash 模式 —— 使用 URL 的 hash 來模擬一個完整的 URL雁社,于是當(dāng) URL 改變時,頁面不會重新加載晒骇。而對于正常的頁面來說霉撵,更換url一定是會導(dǎo)致頁面的更換的, 只有更換url中的查詢字符串和hash值得時候才不會重新加載頁面洪囤。

如果不想要徒坡,可以使用路由的history模式。這種模式充分利用了history.pushState API來完成URL的跳轉(zhuǎn)而不需要重新加載頁面瘤缩。

==警告==

history模式需要后臺配置支持喇完。因為我們的應(yīng)用是個單頁客戶端應(yīng)用,如果后臺沒有正確的配置款咖,用戶在瀏覽器直接訪問 http://oursite.com/user/id 就會返回 404何暮。

為了避免這種情況,你應(yīng)該在 Vue 應(yīng)用里面覆蓋所有的路由情況铐殃,然后在給出一個 404 頁面海洼。
或者,如果你是用 Node.js 作后臺富腊,可以使用服務(wù)端的路由來匹配 URL坏逢,當(dāng)沒有匹配到路由的時候返回 404,從而實現(xiàn) fallback赘被。

const router = new VueRouter({
  mode: 'history',
  routes: [
    { path: '*', component: NotFoundComponent }
  ]
})

vue使用scss

$ npm install -save-dev sass-loader node-sass

scss加載失敗

Module build failed: Error: ENOENT: no such file or directory, scandir 'F:\study\blog\node_modules\node-sass\vendor'

$ npm rebuild node-sass

Vue提示warn:”[vue-router] Named Route ‘home’ has a default child route…”

在Vue的項目中使用了Vue-Router是整,當(dāng)某個路由有子級路由時,父級路由需要一個默認(rèn)的子路由民假,所以父級路由不能定義==name==屬性

export default new Router({
  routes: [
    {
      path: '/',
      <!--name: 'home',-->
      component: Home,
      children:[
        {
          path:'/',
          name: 'console',
          component: Console,
        }
      ]
    }
  ]
})
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末浮入,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子羊异,更是在濱河造成了極大的恐慌事秀,老刑警劉巖彤断,帶你破解...
    沈念sama閱讀 212,884評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異易迹,居然都是意外死亡宰衙,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,755評論 3 385
  • 文/潘曉璐 我一進(jìn)店門睹欲,熙熙樓的掌柜王于貴愁眉苦臉地迎上來供炼,“玉大人,你說我怎么就攤上這事窘疮〈撸” “怎么了?”我有些...
    開封第一講書人閱讀 158,369評論 0 348
  • 文/不壞的土叔 我叫張陵考余,是天一觀的道長先嬉。 經(jīng)常有香客問我,道長楚堤,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,799評論 1 285
  • 正文 為了忘掉前任含懊,我火速辦了婚禮身冬,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘岔乔。我一直安慰自己酥筝,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,910評論 6 386
  • 文/花漫 我一把揭開白布雏门。 她就那樣靜靜地躺著嘿歌,像睡著了一般。 火紅的嫁衣襯著肌膚如雪茁影。 梳的紋絲不亂的頭發(fā)上宙帝,一...
    開封第一講書人閱讀 50,096評論 1 291
  • 那天,我揣著相機與錄音募闲,去河邊找鬼步脓。 笑死,一個胖子當(dāng)著我的面吹牛浩螺,可吹牛的內(nèi)容都是我干的靴患。 我是一名探鬼主播,決...
    沈念sama閱讀 39,159評論 3 411
  • 文/蒼蘭香墨 我猛地睜開眼要出,長吁一口氣:“原來是場噩夢啊……” “哼鸳君!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起患蹂,我...
    開封第一講書人閱讀 37,917評論 0 268
  • 序言:老撾萬榮一對情侶失蹤或颊,失蹤者是張志新(化名)和其女友劉穎砸紊,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體饭宾,經(jīng)...
    沈念sama閱讀 44,360評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡批糟,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,673評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了看铆。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片徽鼎。...
    茶點故事閱讀 38,814評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖弹惦,靈堂內(nèi)的尸體忽然破棺而出否淤,到底是詐尸還是另有隱情,我是刑警寧澤棠隐,帶...
    沈念sama閱讀 34,509評論 4 334
  • 正文 年R本政府宣布石抡,位于F島的核電站,受9級特大地震影響助泽,放射性物質(zhì)發(fā)生泄漏啰扛。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,156評論 3 317
  • 文/蒙蒙 一嗡贺、第九天 我趴在偏房一處隱蔽的房頂上張望隐解。 院中可真熱鬧,春花似錦诫睬、人聲如沸煞茫。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽续徽。三九已至,卻和暖如春亲澡,著一層夾襖步出監(jiān)牢的瞬間钦扭,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,123評論 1 267
  • 我被黑心中介騙來泰國打工谷扣, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留土全,地道東北人。 一個月前我還...
    沈念sama閱讀 46,641評論 2 362
  • 正文 我出身青樓会涎,卻偏偏與公主長得像裹匙,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子末秃,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,728評論 2 351

推薦閱讀更多精彩內(nèi)容