Vue前端培训大纲

淩亂°似流年 2022-02-01 12:21 283阅读 0赞

# Vue前端培训资料 #

## 1. Vue的优点 ##

> 引用博客：[https://blog.csdn.net/mzrxLXR/article/details/81412574][https_blog.csdn.net_mzrxLXR_article_details_81412574]

1.  轻量级框架
2.  简单易学
3.  双向数据绑定
4.  组件化
5.  视图,数据,结构分离
6.  虚拟DOM
7.  运行速度更快

## 2. 创建 vue + element 示例 ##

教程地址：[https://blog.csdn.net/yangwenpei116/article/details/90205597][https_blog.csdn.net_yangwenpei116_article_details_90205597]

## 3. 写一个 List.vue 页面 ##

## 4. 用 vue + element + admin 写一个查询功能 ##

vue + element + amdin 示例：[https://panjiachen.github.io/vue-element-admin/\#/][https_panjiachen.github.io_vue-element-admin]

## 5.学习资料地址 ##

1.  vue官网文档地址：[https://cn.vuejs.org/v2/guide/][https_cn.vuejs.org_v2_guide]
2.  element官方文档地址：[https://element.eleme.cn/\#/zh-CN/component/installation][https_element.eleme.cn_zh-CN_component_installation]
3.  vue菜鸟教程地址：[https://www.runoob.com/vue2/vue-tutorial.html][https_www.runoob.com_vue2_vue-tutorial.html]
4.  vue慕课网教程：[https://www.imooc.com/video/16987][https_www.imooc.com_video_16987]
5.  vue + element + admin 范例:
    
    1.  demo演示地址：[https://panjiachen.github.io/vue-element-admin/\#/dashboard][https_panjiachen.github.io_vue-element-admin_dashboard]
    2.  Github地址：[https://github.com/PanJiaChen/vue-element-admin][https_github.com_PanJiaChen_vue-element-admin]
    3.  教程地址：[https://panjiachen.github.io/vue-element-admin-site/zh/guide/][https_panjiachen.github.io_vue-element-admin-site_zh_guide]
6.  vux（移动端）官方地址：[https://doc.vux.li/zh-CN/components/actionsheet.html][https_doc.vux.li_zh-CN_components_actionsheet.html]

[https_blog.csdn.net_mzrxLXR_article_details_81412574]: https://blog.csdn.net/mzrxLXR/article/details/81412574
[https_blog.csdn.net_yangwenpei116_article_details_90205597]: https://blog.csdn.net/yangwenpei116/article/details/90205597
[https_panjiachen.github.io_vue-element-admin]: https://panjiachen.github.io/vue-element-admin/#/
[https_cn.vuejs.org_v2_guide]: https://cn.vuejs.org/v2/guide/
[https_element.eleme.cn_zh-CN_component_installation]: https://element.eleme.cn/#/zh-CN/component/installation
[https_www.runoob.com_vue2_vue-tutorial.html]: https://www.runoob.com/vue2/vue-tutorial.html
[https_www.imooc.com_video_16987]: https://www.imooc.com/video/16987
[https_panjiachen.github.io_vue-element-admin_dashboard]: https://panjiachen.github.io/vue-element-admin/#/dashboard
[https_github.com_PanJiaChen_vue-element-admin]: https://github.com/PanJiaChen/vue-element-admin
[https_panjiachen.github.io_vue-element-admin-site_zh_guide]: https://panjiachen.github.io/vue-element-admin-site/zh/guide/
[https_doc.vux.li_zh-CN_components_actionsheet.html]: https://doc.vux.li/zh-CN/components/actionsheet.html