一 小知识回顾
1 级联删除问题
2 一张表关联多个表，比如有manytomanyfileds forignkey，基于对象查询存在的问题：反向查询的时候 表名小写_set.all()不知是哪个字段queryset对象 所以说related_name=‘coursedetail_by‘
3 Vue生命周期钩子可以直接发axios
二 Vue样式用elemen(jq用bootstap)
网站http://element-cn.eleme.io/#/zh-CN/guide/design
1 emement-ui
-下载:npm install element-ui
-使用:在main.js中配置
import ElementUI from ‘element-ui‘;
import ‘element-ui/lib/theme-chalk/index.css‘;
Vue.use(ElementUI);
三 Vue绑定图片--mounted页面挂载--路由携带参数
#绑定图片(本质是绑定的路由, 1后端路由处要开个路由口serve, 2前端这里要把 协议,ip ,port ,media ,数据库存的路径, 拼上)
<el-carousel-item v-for="img in imgs">
<img :src="img">
</el-carousel-item>
#可以挂载一个方法执行/可以直接发axios
mounted:function () {
//init()为methods中定义的方法
this.init()
}
#课程详情页面
-路由携带参数跳转:
<router-link :to="{‘name‘:‘courseDetail‘,‘params‘:{‘id‘:course.id}}">详情</router-link>
-取值:
course_id: this.$route.params.id,
原文地址：https://www.cnblogs.com/3sss-ss-s/p/10171777.html