vue2.x

1.模拟一个购物车操作 App.vue---父组件 引入cart购物车组件，向其中传入list数据 购物车组件--cart.vue 知识点小结： 注意ruduce方法的使用:https://jueji

Vue脚手架系列02-快速原型开发1.快速原型开发创建一个文件夹命名-learnvue命令行cd到learnvue文件夹中，执行下面命令行npminit这时候learnvue文件夹中会出现一个pack

vue serve 的缺点就是它需要安装全局依赖，这使得它在不同机器上的一致性不能得到保证。因此这只适用于快速原型开发。

vue基础11-混入mixin偷懒技术及其应用1.mixin混入例子:创建混入对象myMixin在vue实例中添加mixins:[myMixin]，完成对自创建对象myMixin的混入2.mixin的

通过Vue.$set(object,key,value)添加响应式属性--如- this.$set( this.user, 'age' , 20 );设置了user的之前没有的age属性。

然后我在接口一返回数据就展示了这个浮层组件。 ①号🌵：这个位置执行的时候，虽然页面的数据更新了，但是控制台打印出的结果是空的。

Vue基础08-refs属性1.refs:标记:通过ref="btn"获取：通过this.$refs.btn如果给标签添加ref,获取的就是真实的DOM节点如果给子组件添加ref,获取的是当前子组件对

mounted：mounted 阶段，一般是用于发起后端请求，获取数据，配合路由钩子做一些事情。 如果在 DOM 结构中的某个 DOM 节点使用了 v-if、v-show 或者 v-for（即根据获取到的后台数据来动态操作 DOM，即响应式），那么这些 DOM 是不会在 mou…

需求场景： 已经开发了一个待办事项列表的组件,很多模块都在，A，B组件都使用了todolist组件，现在想要在不影响B组件正常使用的情况下，让A组件支持勾选☑️的功能。

vue基础04-组件通信的其他方式（provide和inject）1.provide和inject--处理层级嵌套的数据通信父组件provide来提供变量,然后再子组件中通过inject来注入变量.无

实质就是创建一个vue实例，通过一个空的 vue 实例作为桥梁实现 vue 组件间的通信。它是实现非父子组件通信的一种解决方案。 然后将 child1 和 child2 两个组件导入使用，点击触发对应的事件，即可看到平行组件间的传值。

1.父组件向子组件传值：通过props进行通信 在子组件中声明props接收在父组件挂载的属性。 可以在子组件的template中任意使用 在父组件绑定自定义的属性 1.1子组件props接收的两种形

🌵组建的data必须是一个函数，返回一个对象{};这个样每个使用组件的，都能维护自己的实例，如果直接返回对象，那么一个变了，其他的实例都跟着变了。