Vue
文章平均质量分 70
Vue编程入门
杨杨卡不答
一个会弹钢琴的程序员
展开
-
Vue05-钩子函数有哪些含义
一.什么是vue的生命周期?就是从Vue实例或者组件从创建到使用,最后销毁的这个过程 叫做Vue的生命周期函数,也可以理解为生命周期函数就是Vue实例在某一个时间点会自动执行的函数。上图转自:https://blog.csdn.net/aa327056812/article/details/113848734二.vue的生命周期函数都有哪些,作用分别是哪些?1.创建实例之前:BeforeCreate函数:在Vue实例创建后触发,这个时候的this不能用,在data中的数据methods的方法,还原创 2021-10-06 21:49:34 · 662 阅读 · 0 评论 -
Vue04-filters过滤器总结
1、 什么是过滤器?先看一下官方给出的解释(如下图):稍稍说一下自己的见解吧,过滤器就是对一个即将显示的数据经过了进一步的筛选处理之后得到了新的数据,我们可以通过过滤器得到我们想要的数据,或者对已有的数据进行一种美化产生新的效果。另外就是和官方解释的过滤器特性,过滤器可以在new Vue之前定义全局的或者在组件上注册局部的。注:全局注册时过滤器的关键词是filter,没有s。但是局部的过滤器是filters,虽然写的时候没有s不报错,但是过滤器是没有效果的2、过滤器的用法2.1、双花括号插值原创 2021-09-16 22:27:40 · 213 阅读 · 0 评论 -
MVVM框架原理
1、好处团队协作可以用来统一开发人员的开发标准,在规模较大的程序当中,如果不采用统一的开发思维,很有可能在团队人员变化之后,新人搞不懂逻辑放在哪个类中。软件架构层面项目会变得稳定,模块之间的耦合度会降低。例如:采用MVVM,在界面当中(也就是在‘V’当中),不会包含与业务逻辑相关的代码。2、作用M:Model,指的就是数据,Javascript对象。V:View,指的是试图部分,在前端中就是DOM。VM:ViewModel,VM是一个Observer观察者。当数据发生变化,,VM会监测到这原创 2021-09-09 00:12:41 · 494 阅读 · 0 评论 -
Vue02-数据绑定
绑定样式1. 绑定行内样式绑定对象语法:v-bindstyle="{backgroundColor:pink,width:width}".绑定数据语法:v-bind:style="{myDiv,xxx}".数组中是一个一个的样式对象,例如:myDiv:{backgroundColor:‘red’,width:‘100px’}如果只绑定一个对象,那么中括号可以省略.上述语法中:pink,width,myDiv均为data数据.绑定之后可以通过操作data数据来改变样式,绑定样式才能操作样式.原创 2021-08-29 20:53:10 · 82 阅读 · 0 评论 -
Vue01-创建Vue实例以及各选项含义
1、创建Vue实例Vue实例:通过new关键字实例化Vue({})构造函数<script> var vm = new Vue({ //选项});Vue实例配置对象:data:Vue实例数据对象。methods:定义Vue示例中的方法。components:定义子组件。computed:计算属性。filters:过滤器。el:唯一根元素。watch:监听数据变化。2、el唯一根标签在创建Vue实例时,el表示唯一根标签,通过指定class或者id选择器可以用来将原创 2021-08-28 10:59:44 · 3013 阅读 · 0 评论