Tags → #Vue
-
Vue 单文件 scoped 样式简析
是一个极其常用的 标签属性,使用后这一块样式能“神奇地”只应用在当前单文件组件,不会干扰到其父子组件。 其原理其实很简单, 举个简单例子: 如上面所说,加上了 后,渲染时这个组件所有元素都会加上 这样的属性。Vue 用户应该经常会在调试的时候见到类似这样的结构: 然后在 style 也会加上对应的:...
-
[Vue] 有时候你不需要 $emit & $on
在此之前,子组件到父组件的传递事件我一般还是使用 和 ,因为这个操作理解起来并不难,代码一般也挺清晰。 不过今天遇到这么个情况 —— 这是一个评论组件的一部分, 是回复、修改、删除 3 个按钮,点击回复的话下面的 组件会显示。本来想着在那里操作就在哪里取消,但是写完了,产品大人一看,表示不行,按钮不...
-
Vue 添加响应式属性的正确姿势
默认此文读者明白简单的 Vue 底层原理,对此陌生的读者可以先看: 此文使用的 Vue 版本是 2.0+,在线例子看,下面顺便也把关键代码贴出来。 最近的项目大量接触到动态新增的数据,觉得必须要搞清楚到底什么时候 vue 会让视图更新,视图修改数据又会不会反映到数据模型。 于是写了简单几个例子作为对...