Vue
文章平均质量分 50
js框架
碌碌无为的勤劳家
这个作者很懒,什么都没留下…
展开
-
Vue的基础应用
Vue的基础应用我们用所学的基础知识做一个实例,实现一个简单的todolist,主要功能:1. 实现分页显示数据2. 在todolist结构中,既可以添加一个新项目,实现分页查看3. 能够实现查看上一页和下一页,4. 又可以删除项目和修改项目(未完成) <body> <div id="app"> <div> todo-list <div> 添加新项目:<input type="text" @keyup原创 2020-06-08 21:20:06 · 159 阅读 · 0 评论 -
学习Vue的第四天
事件处理事件修饰符事件有很多种,主要分为鼠标事件和键盘事件,这两类典型的JavaScript如下:鼠标事件:click单击 dblclick双击 mouseover鼠标经过 mouseout鼠标离开等等键盘事件:keydown键盘按下 keyup键盘抬起等事件修饰符:主要指我们在Vue事件处理过程中,可以使用它来实现阻止默认行为,阻止事件冒泡或者获取键盘修饰符等基本功能。使用方式很简单,在v-on指令后使用点号连接事件修饰符即可鼠标事件修饰符:stop 阻止事件冒泡prevent原创 2020-06-08 21:15:08 · 172 阅读 · 0 评论 -
学习Vue的第三天
计算属性和列表的渲染在列表渲染过程中,可能要求满足特定条件的记录。比如:我们只要显示商品价格大于6000的商品,这时候我们就可以用计算属性去过滤满足条件的数据并返回一个新的数。数组过滤方法(filter)。正常情况下,当我们改变data中数据的时候,页面会实时修改并显示。但是对于数组而言,一些操作并不会实时响应,所以我们会用到一些数组变异的方法(我们熟知的操作数组的方法)。当通过下标去修改对应下标的所有数据时,页面不会进行实时响应,如:vm.goodsList[0]但是如果是通过下标去修改其原创 2020-06-06 16:15:57 · 185 阅读 · 0 评论 -
学习Vue的第二天
生命周期函数在创建Vue实例对象时,有两个阶段:第一阶段是初始化时间绑定机制、初始化生命周期的循环。初始化之后会触发beforeCreate()回调函数第二个阶段是初始化注入器、初始化实体对象,此时表示Vue实例对象已经创建成功,初始化之后会触发created()回调函数8个生命周期函数beforeCreate() Vue实例对象创建之前,此时el属性和data属性均为空(undefined)(类比:电脑组装之前)created() Vue实例对象创建之后,此时el属性为空,data属原创 2020-06-04 21:30:31 · 256 阅读 · 0 评论 -
初识Vue及第一个Vue实例
Vue的初学准备开发文档vue官方文档的下载地址:https://cn.vuejs.org/v2/guideb.npm官方文档的下载地址:https://www.kancloud.cn/shellway/npm-doc/199982webpack官方文档下载地址:https://doc.webpack-china.org/concepts推荐浏览器Chrome编程工具HBuilder XVue的安装和使用Vue的安装在Vue.js的官网直接下载vue.min.原创 2020-06-03 22:04:18 · 165 阅读 · 0 评论