亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

集成vue2.x（第四章）

核心技術（第三章）

框架常用知識點（第二章）

時間計劃！

課程學習知識點

學習方法！

<header><h1>Vue的devtools構建錯誤npm ERR! code ELIFECYCLE解決辦法</h1><p><a ><time>2020年4月14日</time></a>&nbsp;By:&nbsp;<a >洋蔥先生</a></p></header><p>最近安裝使用vue的devtools工具打包構建即：npm run build&nbsp;</p><p><br/></p><p>報錯</p><table ><tbody><tr class="firstRow"><td>12345678</td><td><code>npm&nbsp;ERR!&nbsp;code&nbsp;ELIFECYCLE</code><code>npm&nbsp;ERR!&nbsp;errno&nbsp;1</code><code>npm&nbsp;ERR!&nbsp;[email protected]&nbsp;build:&nbsp;`</code><code>cd</code>&nbsp;<code>packages</code><code>/shell-chrome</code>&nbsp;<code>&amp;&amp;&nbsp;&nbsp;webpack&nbsp;--progress&nbsp;--hide-modules`</code><code>npm&nbsp;ERR!&nbsp;Exit&nbsp;status&nbsp;1</code><code>npm&nbsp;ERR!&nbsp;</code><code>npm&nbsp;ERR!&nbsp;Failed&nbsp;at&nbsp;the&nbsp;[email protected]&nbsp;build&nbsp;script.</code><code>npm&nbsp;ERR!&nbsp;This&nbsp;is&nbsp;probably&nbsp;not&nbsp;a&nbsp;problem&nbsp;with&nbsp;npm.&nbsp;There&nbsp;is&nbsp;likely&nbsp;additional&nbsp;logging&nbsp;output&nbsp;above.</code><code>npm&nbsp;WARN&nbsp;Local&nbsp;package.json&nbsp;exists,&nbsp;but&nbsp;node_modules&nbsp;missing,&nbsp;did&nbsp;you&nbsp;mean&nbsp;to&nbsp;</code><code>install</code><code>?</code></td></tr></tbody></table><p>此原因是因為我們git clone時默認分支為最新的develop分支。develop是測試分支，不是正式分支，git時更換分支即可。</p><p>本人親測v5.1.1分支是可用的，估計再向前的分支也是可用，當然master分支更是可用。</p><p><strong>正確獲取方法（使用分支:v5.1.1）</strong></p><p>1.克隆</p><table><tbody><tr class="firstRow"><td>1</td><td><code>git&nbsp;clone&nbsp;-b&nbsp;v5.1.1&nbsp;https:</code><code>//github</code><code>.com</code><code>/vuejs/vue-devtools</code><code>.git</code></td></tr></tbody></table><p>2.安裝依賴</p><table><tbody><tr class="firstRow"><td>1</td><td><code>npm&nbsp;i&nbsp;&nbsp;或&nbsp;cnpm&nbsp;</code><code>install</code></td></tr></tbody></table><p>3.構建</p><table><tbody><tr class="firstRow"><td>1</td><td><code>npm&nbsp;run&nbsp;build</code></td></tr></tbody></table><p>4.chrome中找到&nbsp;更多工具 / 擴展程序&nbsp;選項，勾選&nbsp;開發者模式，然后點擊&nbsp;加載已解壓的擴展程序，選擇vue-devtools\shells\chrome，確認</p><p><br/></p><p><br/></p><p>以上內容為原創，如有轉載請注明來源（<a >洋蔥先生：&nbsp;http://www.dreamload.cn/blog/?p=975&amp;preview=true</a>）</p><p><br/></p>

VUE思維導圖

v-for要給key

vue create 項目名稱（字母小寫）?

vue ui? ? ? ui界面新建項目并運行

項目配置文件 package.json,記錄了項目的依賴版本，以及script中記錄的命令 ，npm run serve,npm run build等

watch (異步場景)，computed(數據聯動)

當不在computed監聽的實例的某一值發生了變化，computed的計算值不會發生變化。

當computed所監聽的其中某一值發生了變化，會觸發重新計算。若其監聽范圍之外的值在此之前發生了變化，重新計算后，也會相應改變

watch 偵聽屬性， newval和oldval 新的值和舊的值。

computed 計算屬性?

{{ msg }}? 在js中為頁面msg傳值

v-bind:href="url",綁定屬性，縮寫為? ?:href

v-on:click="submit()",綁定方法，縮寫為@click

js中new Vue（{

}）