集成vue2.x（第四章）

核心技术（第三章）

框架常用知识点（第二章）

时间计划！

课程学习知识点

学习方法！

<header><h1>Vue的devtools构建错误npm ERR! code ELIFECYCLE解决办法</h1><p><a href="http://www.dreamload.cn/blog/?p=975"><time>2020年4月14日</time></a>&nbsp;By:&nbsp;<a href="http://www.dreamload.cn/blog/?author=1">洋葱先生</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;vue-devtools@5.3.3&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;vue-devtools@5.3.3&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 href="http://www.dreamload.cn/blog/?p=975&preview=true">洋葱先生：&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（{

}）