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,
}
]
}
]
})