随笔分类 -  vue

vue, native js to imatate vue.
摘要:在学习vue相关课程中,有一次跟着老师敲代码,写出了如下代码: 将组件注册到app实例后,实例化3个子组件,在点击触发'click'的时候,打印效果如下: 点击一次执行3次可以理解,因为每个子组件都给prototype里的$bus总线push了自己的事件处理函数,但理论上来讲,每个组件实例化的过程中 阅读全文
posted @ 2018-10-19 15:19 sophel 阅读(227) 评论(0) 推荐(0) 编辑
摘要:跟着视频中老师的教学视频学vue的时候,看很多时候都用@(v-on)来监听子级emit的自定义事件,但在bus总线那块,又用.$on来监听bus自身emit的事件,v-on之间似乎相似但又不同,今天对照vue官网api学习并coding了相关代码,两者的用法与比较描述如下。 可监听普通dom的原生事 阅读全文
posted @ 2018-10-19 12:03 sophel 阅读(15773) 评论(0) 推荐(1) 编辑
摘要:1.安装cnpm的nodejs包管理工具,命令行: npm install -g cnpm --registry=https://registry.npm.taobao.org 2. 每个vue项目需要配置自己单独的node_modules模块,具体构建过程如下: step1: cd到你的项目根目录 阅读全文
posted @ 2018-09-27 14:24 sophel 阅读(2711) 评论(0) 推荐(0) 编辑
摘要:在利用vue组件进行事件监听时发现,如果对N个vue组件实例的bus总线绑定同一事件的回调函数,触发任意组件的对应事件,回调函数至少会被执行N次,这是为什么呢? 为此,调研了普通对象的事件绑定和触发实现方式,参考:JavaScript实现自定义对象的自定义事件。 其基本思想就是:设计一个原型对象,作 阅读全文
posted @ 2018-09-21 10:46 sophel 阅读(1228) 评论(0) 推荐(0) 编辑
摘要:Vue的全局组件,在注册后,可在全局范围内无限次使用,猜想是利用了闭包"可以保持形参"的特性,使初始化时的作用域得意保存,下面用原生js和部分jquery代码模拟了数据解析和组件渲染的技术设计思想,简化期间忽略了应用scope,组件实例直接追加在body里了,具体过程如下: 1.设计并扩展Array 阅读全文
posted @ 2018-09-11 14:42 sophel 阅读(224) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示