Vue
前端弟弟
时间在哪,成就在哪。
展开
-
Vue的生命周期
vue生命周期是什么?Vue生命周期是指vue实例对象从创建之初到销毁的过程,vue所有功能的实现都是围绕其生命周期进行的,在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能。1.创建阶段beforeCreate(创建前): Vue实例刚被创建出来,还没有初始化好Vue实例中的数据和方法,不能访问保存在Vue实例中的数据和方法,且不能获取DOM节点...原创 2020-02-11 11:35:48 · 123 阅读 · 0 评论 -
Vue学习笔记(四)插槽、多级组件数据传递
八、插槽8.1 匿名插槽插槽就是在组件中预留一个位置,在使用组件时可以给组件追加一些内容。插槽可以指定默认数据,如果使用者没有使用插槽就显示默认内容。在组件中写了几个匿名插槽,使用者填充的数据就会显示几份8.2 具名插槽在定义插槽时可以给插槽指定name属性 < slot name=“插槽名称”>,指定了name属性的就是具名插槽。在使用时需要写上slot属性 < di...原创 2019-12-14 11:13:58 · 1933 阅读 · 0 评论 -
Vue学习笔记(三) 全局/局部组件、父子组件、组件命名注意点
六、组件(全局 / 局部)6.1 全局组件1.创建组件构造器注意:组件模板要有根元素包裹// peofile是组件构造器名称let profile = Vue.extend({ template: ` <div> <p>我是组件我是组件</p> </div> `})2.注册组件Vue.comp...原创 2019-12-13 20:51:39 · 594 阅读 · 0 评论 -
Vue学习笔记(二) 计算属性、过滤器、过渡动画
三、计算属性当逻辑比较复杂时,就应该使用计算属性。在vue实例中写上computed的key,定义计算属性时通过函数返回数据,但是在使用计算属性时不能加函数/方法的( ),因为它是一个属性而不是函数计算属性和函数的区别:函数每调用一次就会执行一次,而计算属性只要返回的结果没有变化,计算属性就只会被执行一次。因为计算属性会将结果缓存起来,如果返回的数据不经常变化,使用计算属性的性能比函数高...原创 2019-12-11 19:54:31 · 120 阅读 · 0 评论 -
Vue学习笔记(一) MVVM、vue常用指令
一、Vue开篇1.什么是框架?框架是一套完整的解决方案,对项目的‘侵入性’较大,项目如果要更换框架,需要重构整个项目2.Vue核心优势2.1 数据驱动界面更新,无需操作DOM来更新界面2.2 组件化开发,把网页拆分为一个个独立的组件来编写,再把组件整合成网页,如下图3.MVVM设计模式M —— Model 数据模型(用于保存数据,处理数据业务逻辑)V —— View 视图(展示数...原创 2019-12-02 22:19:47 · 242 阅读 · 0 评论