![fe3e27076f474d447aff724276b7e287.png](https://img-blog.csdnimg.cn/img_convert/fe3e27076f474d447aff724276b7e287.png)
通过前面两篇【一】和【二】,了解了怎么从头开始制作flask app和vue app并把两者结合起来。下面利用上述的方法,来构建一个可以增删改查的小应用。
添加一个新模块
下面,我们来创建一个登记学习资料
的小应用。在client/src/components
文件夹下,创建一个文件Resources.vue:
<template>
<div class="container">
<p>学习资源</p>
</div>
</template>
更新路由client/src/router/index.js
,添加新模块的内容:
import Vue from 'vue'
import VueRouter from 'vue-router'
import Resources from '../components/Resources.vue'
import Door from '../components/Door.vue';
Vue.use(VueRouter)
const routes = [
{