随笔分类 - Vue
摘要:Node.js中的process.nextTick Node.js中有一个nextTick函数和Vue中的nextTick命名一致,很容易让人联想到一起(Node.js的Event Loop和浏览器的Event Loop有差异)。重点讲解一下Node.js中的nextTick的执行机制,简单的举个栗
阅读全文
摘要:初始化 - beforeCreate & created beforeCreate:初始化 vue 实例。data methods 等尚未被初始化,无法调用。 created:vue 实例初始化完成,完成响应式绑定。data methods 等都已初始化完成,可调用。尚未开始渲染模板。 注意:bef
阅读全文
摘要:总结 常见使用场景可以分为三类: 父子组件通信: props、 $parent / $children、 provide / inject 、 ref 、 $attrs / $listeners 、$emit / on 兄弟组件通信: eventBus 、 vuex 跨级通信: eventBus、v
阅读全文
摘要:总结: 子组件传出单个参数时 子组件传递参数 this.$emit('parent-event',childparam) 父组件传递函数方法 v-on:parent-event='emitevent($event,Parentparames...)' 父组件接受参数方法 emitevent(chil
阅读全文
摘要:全文总结 V-for循环遍历数组时推荐使用of,语法格式为(item,index) item:迭代时不同的数组元素的值 index:当前元素的索引 V-for循环遍历对象时推荐使用in,语法格式为(item,name,index) item:迭代时对象的键名键值 name:迭代时对象的键名 inde
阅读全文
摘要:全篇文章总结 1 使用VUE CLI4脚手架搭建的项目中没有 文件,解决方法将相关配置添加在 文件中. 2 按需引用仍然需要导入样式,即在 main.js 或根组件执行 3 全局导入和局部导入不能同时使用,否则会发生冲突,无法执行。 4 VUE单页面应用,使用全局与局部引入其实质影响不大,全局公用一
阅读全文
摘要:路由 SPA: single page application 单页面应用 特点: 速度快,数据ajax请求,通过路由,页面不会整体重载 实现: 路由 -> 根据url的不同,加载组件 区别:https://www.cnblogs.com/nangezi/p/9201226.html 使用流程: -
阅读全文
摘要:注:3.0 级以上版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli.且安装前提是已经全局安装过node 和 webpack. 所有版本安装 vue -V 查看版本 npm uninstall vue-cli -g 非3.x时卸载 npm install -g @vue/cl
阅读全文
