Tags → #Vue
-
水* vue 渲染优化
事情起因：单个页面请求了二三十个接口，数据多时展示得很慢 前置知识：事件循环 Vue 不能像 React 一样通过 `setState` 触发页面重新渲染，每当你对被页面监听的值赋值，Vue 都会把修改的值记下来，运行完**宏任务（task）**后渲染页面。 正常来说，同一个宏任务内不管赋值...
-
Vue 单文件 scoped 样式简析
```html <style scoped> .klass { /* style */ } </style> ``` `scoped` 是一个极其常用的 `<style>` 标签属性，使用后这一块样式能“神奇地”只应用在当前单文件组件，不会干扰到其父子组件。 其原理其实很简单，**...
-
[Vue] 有时候你不需要 $emit & $on
在此之前，子组件到父组件的传递事件我一般还是使用 `$emit` 和 `$on`，因为这个操作理解起来并不难，代码一般也挺清晰。 不过今天遇到这么个情况 —— ```html <div class="button-group"> <button @click="item.reply = !i...
-
Vue 添加响应式属性的正确姿势
默认此文读者明白简单的 Vue 底层原理，对此陌生的读者可以先看： 此文使用的 Vue 版本是 2.0+，在线例子看这里，下面顺便也把关键代码贴出来。 ```html <template> <div class="hello"> <button @click="inputvalue...