vue
枫林血舞
在bug的围追堵截下成长起来的阿猿
展开
-
vue学习笔记之:以对学生数据的处理作为示例实现数据过滤筛选等常规处理
示例:现有一组学生数据,通过对其中的数据筛选,获取其中的年龄最大、年龄最小、和年龄在指定区间内的学生数据学生数据: [{'name': '张三', 'sex': '男', 'age': 15}, {'name': '刘丽丽', 'sex': '女', 'age': 25}, {'name': '李艳', 'sex': '女', 'age':...原创 2019-10-16 14:49:22 · 611 阅读 · 0 评论 -
vue学习笔记之:单选框、复选框、下拉列表框的数据绑定操作
vue的一个很重要的特性就是数据绑定,而核心的指令就是:v-model使用的话分为如下步骤: 第一步:data属性中定义好绑定的值的变量 第二步:标签上通过v-model绑定好该变量 第三步:无论上通过插值表达式{{}}的方式还是在代码里通过this.的方式,都是可以获取到变化后的值的简单的实例如下:<!DOCTYPE html><html la...原创 2019-10-15 17:07:30 · 1300 阅读 · 0 评论 -
VUE学习笔记之:组件、循环渲染和生命周期函数的组合使用
示例场景:一组用户名字数据,过滤其中满足条件的数据,然后循环给到子组件首先,用户名字的数据,示例中可以直接写死在data属性中,实际开发可以在VUE实例化之后(created生命周期函数)获取代码如下:data: { nameList: [ { name: 'test1' ...原创 2019-10-12 15:46:16 · 389 阅读 · 0 评论 -
vue学习笔记之:vue中循环使用
vue中的循环可以直接通过指令:v-for来进行,示例如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue中的循环</title> <script src="https://cdn.jsdel...原创 2019-10-10 11:00:03 · 618 阅读 · 0 评论 -
vue通过路由传递参数
场景: 点击页面编辑按钮进入编辑页面,将当前行的数据带入编辑页面从图示的编辑点击进入编辑页面项目结构:项目是通过vue2构建的,模板用的是ElementUI路由代码如下图:首页代码如下: <template> <el-table :data="tableData" border stripe ...原创 2019-03-26 10:36:02 · 207 阅读 · 0 评论 -
vue学习笔记之:组件的使用
1、要想使用组件,首先需要给vue注册一个组件,注册组件方式通过如下代码所示:Vue.component('todo-item', { props: ['todo'], template: '<li>{{todo.text}}</li>' });其中, props参数后是一个数组参数;通过props可以实现父组件向子组...原创 2019-10-10 15:02:11 · 120 阅读 · 0 评论