2-前端vue

####

开发工具:pycharm

开发环境:node

项目目录:

####

vue-cli创建项目

使用脚手架,vue-cli,创建项目

vue create ProjectName

这里使用vue2默认,来开发,不用vue3,

创建完之后,明确提示你了,启动项目的命令,

####

views添加页面

在views下面添加页面,

一个页面有三部分,template,script,style

APP.vue页面添加路由

####

vue-router设置路由跳转

####

vuetify开发页面

把这两部分都复制到你的页面中去,

 添加修改和删除按钮,这两个只是按钮,逻辑需要调用后端接口

###

新增添加按钮,

data-app="true"解决这个问题,

### 

###

axios调用后端接口

 新建文件夹api

添加三个文件,

api.js

http.js

xxx.js

###

测试接口是否通

####

get

post

是怎么发起的, 

注意跨域问题,

###

components组件化开发

 抽取公共部分作为组件,用来减少代码重复

1,抽取

2,导入

3,引用,并且父组件把数据传递给子组件,

####

#####

原文地址:https://www.cnblogs.com/andy0816/p/15378431.html