vue2.0——用户管理系统05

在components创建一个Add.vue,写上vue的基础代码,忘记的可以参考About.vue,把代码复制过去修改一下名字就可以了

然后打开main.js导入组件,配置路由

import Add from './components/Add'

{path:"/add",component:Add}

然后在下面第45行加入

然后在回来编辑Add.vue页面,写布局


在data里加入一个空customer的对象,要不会报错

vue2.0——用户管理系统05_第1张图片

给addCustomer函数添加post请求,并且验证是否为空和保存成功后的路由跳转

vue2.0——用户管理系统05_第2张图片

你可能感兴趣的:(vue2.0——用户管理系统05)