65行的props就是一個包含locatiobn，history，match的對象，
68行就是結(jié)構(gòu)將傳遞給了Protected組件，傳遞的就是location，history，match
const Protected = (props) => {

console.log(props);
return <h3>Protected</h3>

};
把Protected組件該成這樣你就明白了

watch在created之后就開始監(jiān)聽變化了，在mounted之前，props的option應該發(fā)生了一次變化，而這時你的chartDom還沒渲染好，所以會出現(xiàn)圖中的報錯。把chart.init操作移至mounted中就行了。還有，不用每次option變動都去執(zhí)行init，只要執(zhí)行一下setOption就能重繪了。

另外，你DOM容器變化后才需要resize，比如調(diào)整窗口大小后，DOM寬度變小了，那就執(zhí)行以下resize（這種情況最好配合debounce使用）

還是直接上代碼吧……

watch: {
    option: function (val) {
        if (val) this.renderChart();
    }
},
mounted(){
    this.chart = echarts.init(this.$refs.myEchart);
    window.addEventListener("resize", this.onResize, false);
},
destroyed(){
    window.removeEventListener("resize", this.onResize, false);
},
methods: {
    onResize(){
        if(this.chart){
            this.chart.resize();
        }
    }
    renderChart () {
        // this.chart = echarts.init(this.$refs.myEchart);
        this.chart.setOption(this.option);
    }
}

root的路徑有問題吧?

這個圖片來自阮一峰老師的博客

你獲取到的是 dom 對象, 并不是 jquery 對象, 而 dom 對象是不存在 hide 方法的
$($('.product_list)[p]).hide()
或
$('.product_list)[p].style.display = 'none'

new Even()是不是 new Event()的誤寫？

已解決，使用prop傳值，子組件使用父組件傳過來的對象就可以了，vue沒學好。
貼上iview 官方示例修改后的demo。

defaultValue換成value即可

我的思路：2D輪播用一維元素作為指示器，3D輪播可以用二位平面作為指示器；最簡單的是上下左右四個箭頭，增加一點難度可以當前主視圖為中心的展開平面作為指示器，類似地球儀的指示器可以是世界地圖。

微信那邊的回調(diào)地址里面好像是不允許攜帶 hashtag 的

單頁應用可以把 vue-router 改成 history 模式：

同時，如果是 nginx 部署的項目，需要改一下nginx配置：

location / {
  try_files $uri $uri/ /index.html;
}

把數(shù)據(jù)序列化一下，JSON.stringify(dateList)

此需求已解決。在ie9下想要監(jiān)控瀏覽器的后退行為并沒有更好的辦法。只有onhashchange這個原生的函數(shù)能勉強做到。但是這玩意不僅會監(jiān)控后退行為，還會監(jiān)控前進和跳轉(zhuǎn)行為。所以我想出的解決辦法如下:
location.hash=＂fobidback＂;
location.hash=＂forbidbackagain＂;
window.onhashchange = function（）{

   location.hash = "fobidback ";

}
自此可以做到再ie9下禁止瀏覽器后退。那么如何允許它正常的跳轉(zhuǎn)呢？很簡單，走ajax就行了。

document.getElementById("demo").addEventListener("click", function(e){ 
      if(e.target.className==="test"){
        console.log(66)
      }
    });

支持的，可能您的一些設(shè)置之間沖突了，所以會這樣提醒

什么叫插入圖片到button
是給。button加背景圖片嗎

如果頁面渲染正常的話，應該是數(shù)據(jù)(數(shù)組)還沒請求到，渲染時候報錯的
比如在html模板中一個數(shù)組for循環(huán)下面還嵌套一個for循環(huán)，就會出現(xiàn)這種現(xiàn)象，可以在模板第一個循環(huán)中加一個v-if="data.length !== 0"來解決

就用對象存吧，javascript的對象是個map結(jié)構(gòu)的數(shù)據(jù)，數(shù)組是個list結(jié)構(gòu)的，沒有你的那種寫法。

你使用this.$router.go(0)不行嗎？
我一般這么寫

this.$message('開單成功！')


setTimeout(() => {
  this.$router.go(0)
}, 500)

也可以使用

this.$nextTick( () => {
this.$router.go(0)
})

感覺用著很爽啊!

用 vue-cli 自動編譯 作為關(guān)鍵字在 Google 搜索，第一個鏈接就是 SegmentFault 上的：vue-cli怎么和后臺實時編譯？

那個鏈接里的思路，就是用 nodemon 這個庫監(jiān)控 src 目錄，有變更的話自動執(zhí)行 npm run build 所具體對應的命令。

那么在實際開發(fā)的時候，就把 npm start 和上面的命令用 && 連接符連起來執(zhí)行就好啦，比如就可以寫成 npm start && npm watch。

enoent spawn C:\Program Files\nodejs\node.exe ENOENT
檢查一下環(huán)境變量里面設(shè)置的 node 安裝位置是不是這個
上面的錯誤是說在 C:\Program Files\nodejs\node.exe 這個目錄找不到 node.exe