随笔分类 -  vue相关

自己学习的知识点和一些项目总结
响应式原理
摘要:#####追踪变化 Vue 将遍历此对象所有的 property,并使用 Object.defineProperty 把这些 property 全部转为 getter/setter。getter/setter用户不可见,但vue能利用他们追踪依赖,在 property 被访问和修改时通知变更。 ## 阅读全文
posted @ 2020-12-08 23:24 en、 阅读(106) 评论(0) 推荐(0)
v-for循环
摘要:#######v-for循环渲染antv中的仪表盘 例如: <div> <span>内容<span> <div id="dashboard"><div> <div> 如果直接用v-for循环循环外层div,结果则为得到的一系列dashboard占据同一空间,并没有跟随span变更布局,这是因为全局只 阅读全文
posted @ 2020-09-16 20:11 en、 阅读(140) 评论(0) 推荐(0)
slot插槽
摘要:匿名槽口 当组件A,B具有共同点时,他们的共同部分可以抽离出来 封装成一个单独的组件aaa,需要添加各自特有的内容时,在aaa组件的对应位置添加一对slot标签(内容为空) 然后在A,B组件中分别引用、注册、调用aaa组件 在aaa标签中,引入想要添加的内容,改内容会自动替换slot标签。如下所示: 阅读全文
posted @ 2020-09-08 18:30 en、 阅读(128) 评论(0) 推荐(0)
父子组件传值
摘要:函数在mounted中执行后,必须进行销毁。 父组件向子组件传值(props): 父组件的data中定义值 用import引入子组件 在components中注入子组件 (父组件对子组件调用、注册、引用) import List from '../components/common/List.vue 阅读全文
posted @ 2020-09-08 18:26 en、 阅读(244) 评论(0) 推荐(0)
计算属性和侦听器
摘要:@ ####1. 计算属性 有时为了方便,可在目标内使用表达式,但当表达式的逻辑太多时。可能会使得模板过重难以维护,如下: <div id="example"> {{ message.split('').reverse().join('') }} </div> #####当逻辑比较复杂时,应该使用计 阅读全文
posted @ 2020-09-07 22:43 en、 阅读(290) 评论(0) 推荐(0)
将本地项目推送到远程某个分支
摘要:#####脚手架搭建 yarn global add @vue/cli //安装vue-cli包 (卸载旧的vue-cli包用yarn global remove vue-cli) 配置vue.cmd在系统环境变量中的路径,yarn安装的存放在c盘 本人安装路径 C:\Users\heshasha\ 阅读全文
posted @ 2020-09-05 10:28 en、 阅读(1676) 评论(0) 推荐(0)