11 2019 档案

vue 几个典型的坑
摘要：1、编辑某一处，另一不相关的元素受到影响。 比如：一个列表需要被编辑。 每一行都有一个input，如果修改某一行的input，会影响其它某行的input，这时候可能的原因是: 循环的 key 设置的有问题，可能key重复了。 2、input不能foucs。 比如：有一个input框设置了 autof 阅读全文

posted @ 2019-11-14 10:33 KyleLjc 阅读(744) 评论(0) 推荐(0)

vue指令 v-if与 v-show的区别
摘要：vue自带指令 v-if 与 v-show 这两个指令都是根据条件控制元素的展示与隐藏 官网介绍区别: v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。 v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才 阅读全文

posted @ 2019-11-13 12:53 KyleLjc 阅读(486) 评论(0) 推荐(0)

vuex的demo
摘要：vuex 是一个vue配套的数据管理插件，大概意思是把公用的数据放到一个全局的变量（状态树）里面，每个文件引入都是同一个store，然后store里面包含同一份数据和修改数据的方法，这样就保证了同一个数据源。 使用vuex主要用两点。 一、创建store文件。 store文件主要包括： state 阅读全文

posted @ 2019-11-13 10:18 KyleLjc 阅读(326) 评论(0) 推荐(0)

vue父组件向子组件传递数据的注意事项
摘要：注意事项： 如果父组件的数据是通过异步请求获取的数据，那么子组件接收的时候尽量对子组件加一个v-if="data"，来判断一下data是否存在，也就是数据是否请求成功。 如果不加判断的话，可能会出现属性报错的问题。比如: //Parent.vue <template> <div class="box 阅读全文

posted @ 2019-11-11 10:38 KyleLjc 阅读(489) 评论(0) 推荐(0)

vue 数据传递 - provide 与 inject
摘要：vue 2.2.0新增了 provide \ inject功能。 官网提示：provide 和 inject主要为高阶插件/组件库提供用例，并不推荐直接用于应用程序代码中。 这对选项需要一起使用，以允许一个祖先向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。这 阅读全文

posted @ 2019-11-11 10:31 KyleLjc 阅读(1804) 评论(0) 推荐(0)

vue props双向数据绑定方案
摘要：最近做了一个完整的vue项目，对父子组件之间的数据传递新的用法有了更深的了解，现在记录一下。 虽然标题是实现props 双向数据绑定 其实VUE是 不支持props数据双向绑定的，但是我们可以模拟双向绑定的样式，主要是为了简化数据更改及父子节点之前数据同步的操作。 第一种方式 v-model 的方式 阅读全文

posted @ 2019-11-11 09:34 KyleLjc 阅读(2121) 评论(0) 推荐(1)

导航