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