Element UI提供了Cascader 级联选择器
的组件,使用它我们可以非常方便的创建类似省/市/县级联选择的交互UI,同时也提供了选择任意一级选项
配置,该功能可让父子节点取消关联,选择任意一级选项。但是改功能默认存在两个问题:
标签归档:Vue
Vue.nextTick()异步更新方法解析
Vue 在更新 DOM 时是异步执行的
。只要侦听到数据变化,Vue 将开启一个队列,并缓冲在同一事件循环中发生的所有数据变更。如果同一个 watcher 被多次触发,只会被推入到队列中一次。这种在缓冲时去除重复数据对于避免不必要的计算和 DOM 操作是非常重要的。然后,在下一个的事件循环“tick”中,Vue 刷新队列并执行实际 (已去重的) 工作。Vue 在内部对异步队列尝试使用原生的 Promise.then
、MutationObserver
和 setImmediate
,如果执行环境不支持,则会采用 setTimeout(fn, 0)
代替。
编译vue单文件组件
背景
Vue官方定义了一种名叫单文件组件(SFC)规范的*.vue文件,用类 HTML 语法描述一个 Vue 组件。每个 .vue 文件包含三种类型的顶级语言块 <template>
、<script>
和 <style>
,还允许添加可选的自定义块: