vue其实是国际三大前端框架之一,它是个渐进式引入,就是你可以小部分使用,也可以完全使用。可以直接在django渲染的一个页面内使用,也可以直接做个前后端分离的大前端项目。
当然,各有各的好。
本教程采用分离式,力求简单方便,后期升级简单。
至于安装vue命令这一块,大家可以随便百度,教程有的是。我之前的其他平台教程也有写,这里不多赘述。我就直接用vue命令创建项目了。
在django项目WQRF_BBB的根目录我直接创建vue项目了哈。
具体过程如下:
创建完成:
进入v_project
(注意:如果按照下载这些axios进度条始终不涨,就更好下镜像:
npm config set registry https://registry.npmmirror.com
)
elemntPlus需要在main.js中再次配置 成图中所示:
import ElementPlus from 'element-plus'
import locale from 'element-plus/es/locale/lang/zh-cn'
import 'element-plus/theme-chalk/index.css'
createApp(App).use(router).use(ElementPlus,{locale}).mount('#app')
然后打开控制台显示的网址:
http://localhost:8080/
,看看显示如下即正常:
本节课到此结束,小伙伴们,加油!