先在父頁(yè)面中寫上你的loading動(dòng)畫，默認(rèn)不觸發(fā)動(dòng)畫。當(dāng)你點(diǎn)擊a標(biāo)簽時(shí)，再去觸發(fā)動(dòng)畫！

最近vue―template的版本更新了！很正常！可以試試cnpm run dev

嘗試了一下，你所說(shuō)的第一種方式

<style scoped>
    @import 'xxx';
 </style>

所編譯的出來(lái)的CSS還是局部的樣式，以下例子

test.vue

<template>
  <div id="test">
    <h1>this is a test</h1>
  </div>
</template>

<style scoped>
  @import '../assets/test.css';
</style>

test.css

h1 {
  color: #39baa7;
  font: bold 24px/150% Microsoft Yahei;
}

編譯結(jié)果

下面驗(yàn)證他到底是不是局部，給test.vue添加一個(gè)子路由testchild,如下
test.vue

<template>
  <div id="test">
    <h1>this is a test</h1>
    <router-link to="/test/child">
      <span>vuejs</span>
    </router-link>
    <router-view></router-view>
  </div>
</template>

<style scoped>
  @import '../assets/test.css';
</style>

testchild.vue

<template>
  <div id="testchild">
    <h1>this is a test child</h1>
  </div>
</template>

<style>

</style>

結(jié)果

可見(jiàn)，父路由的style并不會(huì)影響子路由的style。
綜上，在style scoped所@import的css文件編譯出來(lái)的還是擁有自己的作用域的，不會(huì)污染其他vue組件的樣式。
相關(guān)資料：
less @import can't work fine with scoped #235

cannot read property 'length' of undefined
cannot read property 'length' of undefined
cannot read property 'length' of undefined

不是不能識(shí)別length，是不能讀取undefined.length。所以是你要讀取的length的目標(biāo)對(duì)象本身不存在(或值為空)!

自問(wèn)自答吧，網(wǎng)路請(qǐng)求后直接放到fromjs里面轉(zhuǎn)化為immutable類型，然后比較就可以了。

skill這個(gè)view是不是寬度沒(méi)展開(kāi)？

https://juejin.im/post/5aaa06... 參考一下，和這個(gè)一樣的

參考windows版的。

文件=>首選項(xiàng)=>鍵盤快捷方式=>打開(kāi)keybindings.json=>搜tab

看看是不是tab開(kāi)頭的組合快捷鍵占用了

把this.constr.uber.toString() 改為 constr.uber.toString() 應(yīng)該就可以了

(function (window) {})(window, undefined); 您可以把它看成()()，而()()就是我們常見(jiàn)的匿名函數(shù)自執(zhí)行的寫法。
比如：

(function() {  
   console.log('Hello World!');  
})();  

上面的代碼，當(dāng)頁(yè)面加載時(shí)，就會(huì)自動(dòng)打印出:Hello World!

為什么會(huì)這么寫？
匿名函數(shù)自執(zhí)行(function() {})()主要為了避免變量的全局污染；該寫法大多用于開(kāi)發(fā)插件。比如jquery插件。。。

而末尾的參數(shù)為實(shí)參，在這里接受window對(duì)象(瀏覽器環(huán)境)，而function后面的圓括號(hào)中的window為局部變量，不是全局的window對(duì)象，這樣寫可以提高js性能，減少作用域鏈查詢時(shí)間。(如果在函數(shù)體內(nèi)多次使用到window對(duì)象，那么把window對(duì)象當(dāng)著實(shí)參穿進(jìn)去,是十分必要的；如果函數(shù)內(nèi)部不需要，那么就無(wú)需傳遞該參數(shù)。);
undefined的答案我修改下，之前可能有點(diǎn)錯(cuò)誤，看來(lái)綠皮書又要重新看了

參考鏈接：https://segmentfault.com/q/10...

cache[args]在大多數(shù)情況下相當(dāng)于cache.args的寫法，
但是由于args在這里是個(gè)變量名，實(shí)際指代1,2,3，如果直接使用cache.args = a的話，最后cache的值就是{args:6}(1,2,3連乘等于6)；
使用cache[args]時(shí)，args會(huì)先被轉(zhuǎn)化為變量值，即1,2,3，最后cache的值才是{1,2,3:6}，在下次碰到函數(shù)的輸入值是1,2,3時(shí)就可以直接從cache中取出6

ul {

text-align:center;

}

教你正確的提問(wèn)方式

先把你那個(gè)結(jié)構(gòu)解析成一個(gè)數(shù)組，然后遍歷這個(gè)數(shù)組生成html

        var arr = [];
        var i = 0;
        $.each($('.content'),function(index,el){    
            if($(el).find('h1')[0]){
                arr.push({
                    title:$(el).find('h1').text(),
                    list:[{title:$(el).find('i').text()}]
                });
                i++;
            }else{
                arr[i-1].list.push({
                    title:$(el).find('i').text(),                    
                })    
            }                 
        })
        console.log(arr);
        var list = '';
        $.each(arr,function(index){
           var title = '<div class="title">'+arr[index].title+'</div>';
           var li = '';
           $.each(arr[index].list,function(index2){
                li += '<li>'+arr[index].list[index2].title+'</li>'
           })
           var ul = '<ul>'+li+'</ul>'
            list += title + ul;
        });
         $(".list").append(list);

css之px自動(dòng)轉(zhuǎn)rem—“懶人”必備;
自動(dòng)轉(zhuǎn)換：postcss-pxtorem配合食用

請(qǐng)問(wèn)問(wèn)題解決沒(méi)有，我也有同樣的問(wèn)題 T_T

async/await了解一下，這個(gè)寫法看起來(lái)挺像同步的。遇到異步的地方會(huì)堵塞，一直到異步方法執(zhí)行完成才會(huì)繼續(xù)往下執(zhí)行，達(dá)到類似同步執(zhí)行的效果。
用法很簡(jiǎn)單，百度幾個(gè)例子看一下就明白了

你需要定義一個(gè)label屬性，像這樣

<template>
    <div>
        <Select v-model="scoreQuType" style="width:200px">
            <Option value="4" label="NewYork">
                <div slot>NewYork</div>
            </Option>
            <Option value="shanghai">London</Option>
            <Option value="shenzhen">Sydney</Option>
        </Select>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                scoreQuType: '4'
            }
        },
        mounted(){
            console.log(this.scoreQuType)
        }
    }

</script>

select框會(huì)顯示這個(gè)label的值，如果不定義的話，就會(huì)導(dǎo)致你遇到的這種情況。
如果slot定義的內(nèi)容較復(fù)雜，Select組件不知道你想選中的時(shí)候框里預(yù)期顯示什么內(nèi)容，如果全部顯示可能會(huì)內(nèi)容較多，導(dǎo)致一些樣式亂掉，所以需要定義一個(gè)label去告訴Select組件框里顯示什么。

你可以監(jiān)聽(tīng)一下刷新頁(yè)面事件，然后把路由重置成為你想要的正規(guī)路由
https://segmentfault.com/q/10...

1. 打開(kāi)控制臺(tái)查看靜態(tài)資源是否加載失?。ㄙY源加載順序也需關(guān)注下）
2. 打開(kāi)控制臺(tái)查看請(qǐng)求是否異常（網(wǎng)絡(luò)狀況也需關(guān)注下）

總之，打開(kāi)控制臺(tái)查看報(bào)錯(cuò)，見(jiàn)招拆招~

也可能是服務(wù)器模板指向錯(cuò)誤...