重学后端(3)-Vue前端

1. 安装必要工具

首先用vue创建一个前端项目

$ npm install vue
$ vue create front

打开项目, 安装使用到的工具

..\front > npm i axios
..\front > npm i bootstrap@5.2.0-beta1
..\front > npm i element-ui

配置用到的工具
bootstrap:
src\main\main.js

import 'bootstrap/dist/js/bootstrap.min.js'
import 'bootstrap/dist/css/bootstrap.min.css'

element-ui
src\main\main.js

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from '/App.vue';
Vue.use(ElementUI);
new Vue({
el:'#app',
render:h =h(App)
});

之后流程:
在bootsrap或element-ui寻找合适的ui控件,使用axios向后端请求,拿到前端存入data做v-model的动态绑定。


版权声明:本文为weixin_42596335原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。