随笔分类 - vue2
摘要：问题如题，我是用的是vue。 解决办法是修改src属性后，先调用audio.load()加载音频，然后再调用audio.play()播放。
阅读全文
摘要：最近在写一个列表组件，其中有一个功能是查询条件发生改变时，清空列表数据，重新请求第一页。简化版代码如下： <!--TestList.vue--> <template> <p>{{ search }}</p> <p>{{ list }}</p </template> <script> export d
阅读全文
摘要：vue中的透传会将父组件传给子组件的$attrs放到子组件的根元素上，我们常用这个特性来传递class、style，以指定子组件的长宽。 但在写诸如对话框这样的组件时，对话框组件的根组件是那一层黑色的蒙版。父组件并不希望指定蒙版的长宽，而是希望指定对话框的长宽，这时候我们就需要控制透传的路径。具体做
阅读全文
摘要：在Vue中，数据的更新不会马上同步到视图上，而是放在一个异步更新队列中，在下一个事件循环tick集中更新。 由于这个机制，我们如果想在基于更新后的DOM状态做点什么，就没办法在更新数据后马上获取DOM，因此为此时数据还未同步到视图上。而Vue提供了nextTick()，它可以传入一个回调函数，这个回
阅读全文
摘要：在写组件库的时候，我们会需要用到多层slot的情况，如： 组件Panel，定义了header、body、footer等插槽，且给予了一些基础的样式，head、body、foot等通过slot传出，让父组件定义。 组件Dialog，使用了组件Panel，定制了head（给右上角增加了关闭按钮）和foo
阅读全文
摘要：响应式原理 vue会递归遍历data()返回的对象**，使用es5的Object.defineProperty()覆盖data上的属性**，从而拦截对data上属性的读写。比如data上有一个username属性： data.username = (()=>{ let value = data.us
阅读全文
摘要：v-model是语法糖 v-model本质上是一个语法糖，下面两行代码是等价的。 <input v-model="message" /> <input :value="message" @input="message=$event.target.value" /> 参考资料 记一次Vue中v-mod
阅读全文
摘要：前言 我们在开发vue项目的时候，一般是使用vue init webpack my_project命令来创建项目的。 创建好的项目可以说比较复杂，文件比较多，让人难以把控。 今天下定决心，把vue init webpack生成的项目中各种文件给搞懂了，接下来就可以更进一步了。 目录结构 vue in
阅读全文
