-
鼠标点击触发click事件->调用handleClick函数->触发delete事件->调用handleDelete函数->改变list数据
查看全部 -
总结一下大概的逻辑过程：
（1）：父组件(new Vue)通过prop向子组件（Vue.component）传值 子组件获得父组件传来的内容和索引。
（2）：子组件通过$emit向父组件抛出触发事件名称（delete）和触发事件的list索引值。
（3）：父组件通过监听对应事件名称（@delete）触发函数handleDelete。函数通过子组件抛出的索引值对应删除list查看全部 -
小组件接收从外部传进来的数据，用props:[]接收
查看全部 -
创建定义注册一个局部组件
查看全部 -
创建定义一个全局组件
查看全部 -
双向绑定，实现输入框输入，列表增加
查看全部 -
双向绑定，实现输入框输入，列表增加
查看全部 -
在vue中加上样式时，有作用域：scoped只会对这个组件起作用，别的组件用同名的class也不起作用
查看全部 -
父组件通过属性的形式给子组件传递值，子组件通过接收属性，在子组件的模板上展示内容
查看全部 -
每一个组件又是Vue的一个实例
查看全部 -
定义组件，传值显示，要有个属性来接收，props：数组才能显示
查看全部 -
v-for：循环显示，最好加上：key = index,如果不需要排序可以使用index，如果需要排序或者做其他操作，不用index，存在问题。
v-if：隐藏与显示，v-show也可以实现隐藏与显示，但是当只需要不频繁切换隐藏显示时用v-if可以。当频繁切换时用v-show，会自动加上display：none，并没有从dom中清除，这样就 不用重新渲染，性能好。而v-if会使元素从dom中清除，每次切换都得重新渲染，加载。
查看全部 -
v-model:数据双向绑定查看全部
-
computed:{ name:fcunction(){ }}
这是一个计算器，可以计算进行各类基本操作；
watch:{name:function{
}} 这里可以侦听对应属性或者变量的变化
查看全部 -
v-on: @ 后面跟着自定义的方法
v-bind: ：将后面的属性绑定为vue参数，属性值变为参数值
v-model:双向绑定，当绑定的值改变后原值也发生了改变。
查看全部
举报