脚本宝典收集整理的这篇文章主要介绍了Vuejs入门todolist项目解析，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

Vue开发入门todolist项目解析

项目：https://github.com/spritecoco...

创建vuejs项目（window系统）

1. li vue init webpack demo1
2. npm install

原因： fsevent是mac osx系统的，在win或者Linux下使用了 所以会有警告，忽略即可。意思就是你已经安装成功了。

1. npm run dev

---

代码解析

认识代码形式

1、vueapp.html代码

<div id="app">
<p>{{ message }}</p>
<input v-model="message">
</div>

2、vueapp.js代码

new Vue({
el: '#app',
data: {

message: '信息'

}
})

项目代码

1、 v-text与v-html的区别

---

---

2、 v-for（循环渲染）

:

3、v-bind、 v-on（绑定事件）

缩写：v-bind：href="url"---- ：href="url"
v-on:click="dosomething"----- @click="dosomething"

4、 localstorage存储资料

store.js存取数据

导入

监听数据

data数据

(注意：在 Vue2.0 中 $dispatch 和 $broadcast 已经被弃用，我使用的时候一直出错，神坑)

5、 父传子组件传参

app.vue

componentA.vue

6、子传父组件传参

app.vue

methods

componentA.vue

第一次写，不是很好，下次会改进的

脚本宝典总结

以上是脚本宝典为你收集整理的Vuejs入门todolist项目解析全部内容，希望文章能够帮你解决Vuejs入门todolist项目解析所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。