Vue
We_jia
这个作者很懒,什么都没留下…
展开
-
ES6基本语法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Co...原创 2019-03-22 09:31:56 · 223 阅读 · 0 评论 -
Vue 组件之间的传值
一、父组件给子组件传值在父组件中注册导入使用子组件 在父组件中创建变量,并动态绑定给子组件 子组件使用props来接收变量值,并进行显示绑定,可在接受传值的时候,规定传值的类型子组件如何获取父组件整个对象:父组件中绑定 :parent="this" 在子组件中获取this.$parent 在子组件中通过props获取parent(类似于父组件给子组件传值,子组件通过props...原创 2019-04-06 21:52:13 · 245 阅读 · 0 评论 -
Vue.js 搭建用户管理系统
目录一、前言二、搭建项目过程2.1配置json-server2.2新建vue项目2.3项目目录解析2.4 初探组件,搭建导航2.5 获取并展示用户信息2.6 添加用户2.7 弹窗及详情2.7.1 弹窗 alert.vue组件2.7.2 详情组件 customersdetails.vue2.8 编辑和删除2.8.1 编辑Edit. vue组件...原创 2019-04-10 11:30:27 · 4478 阅读 · 2 评论 -
Vue生命周期函数
Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。每一个组件或者实例都会经历一个完整的生命周期,总共分为三个阶段:初始化、运行中、销毁。beforeCreate实例、组件通过new Vue() 创建出来之后会初始化事件和生命周期,然后就...原创 2019-04-06 22:09:02 · 222 阅读 · 0 评论 -
Vue使用 vue-resource、axios、fetch-jsonp请求数据
一、mock模拟数据Mock.js生成随机数据,拦截 Ajax请求 实现 前后端分离1.安装mockjscnpm install mockjs --save 2.建mock.js的文件,配置模拟数据import Mock from 'mockjs'//导入mockjs 使用变量// Mock对象 mock方法 (路径 方法 数据)// /user 模拟...原创 2019-04-03 15:37:11 · 462 阅读 · 0 评论 -
vue 路由配置传值及编程式导航
一、路由配置及其模块化封装1.安装路由cnpm install vue-router --save2.创建Router文件夹以及Router.js文件3.在Router.js中封装路由//先导入路由import Vue from 'vue';import vueRouter from 'vue-router';//引入组件import Home from '../...原创 2019-04-03 20:45:02 · 392 阅读 · 0 评论