【工作经验】基于Vue2,element ui,vue-cli,vuex,vue-router,axios,echarts,markdown-loader并结合个人前端学习笔记的vue前端框架实例

以你之姓@ 2023-07-13 12:16 4阅读 0赞

# demo目的 #

vue是目前主要的前端框架，虽然目前网页制作通常以前后端分离的形式，然而前端知识不止是前端工程师需要掌握，后端工程师，数据工程师，数据分析师都有必要有所了解。本demo旨在记录个人前端学习中的笔记以及学习网页前端主流vue框架并以此为实例。  
随着学习与工作需要将在此实例上更新。  
实例地址：https://github.com/1993zlorange/myvuedemo

# demo截图 #

demo说明  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjY0MTM5NQ_size_16_color_FFFFFF_t_70]个人学习笔记  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjY0MTM5NQ_size_16_color_FFFFFF_t_70 1]组件实现及说明  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjY0MTM5NQ_size_16_color_FFFFFF_t_70 2]

# demo特点 #

*  总结网页制作常用基础功能结合文档制作实例
 *  本实例包含个人在前端学习过程中的知识笔记

# demo涉及到技术 #

工程性的东西看网课，语法类的知识看书，具体环境部署及组件运用参考网上博客

*  Vue2
 *  element ui
 *  vue-cli
 *  vuex
 *  vue-router
 *  axios
 *  echarts
 *  markdown-loader

# 运行 #

git clone https://github.com/1993zlorange/myvuedemo.git  
    
    cd myvuedemo
    
    npm install 
    
    npm run dev

--------------------

*  [Doraengineer’s blog说明][Doraengineer_s blog]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjY0MTM5NQ_size_16_color_FFFFFF_t_70]: /images/20230529/1cf6d924fcc74855b323086eeec43804.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjY0MTM5NQ_size_16_color_FFFFFF_t_70 1]: /images/20230529/2485deb42eac4bf6aff29dba2682f1af.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjY0MTM5NQ_size_16_color_FFFFFF_t_70 2]: /images/20230529/bd124d6941f744e98e16937172677021.png
[Doraengineer_s blog]: https://blog.csdn.net/weixin_42641395/article/details/82558190