vue学习1

灰太狼 2023-10-02 15:17 10阅读 0赞

P1 01\_Vue学习目标03:50  
P2 02\_前端知识体系16:27  
P3 03\_前后端分离的演变史17:13  
P4 04\_前端MVVM模式09:31  
P5 05\_Vue是什么07:23  
P6 06\_第一个Vue应用程序07:06  
P7 07\_Vue实例声明周期05:35  
P8 08\_条件渲染06:59  
P9 09\_列表渲染03:34  
P10 10\_事件处理03:44

P11 11\_Axios异步通信13:20  
P12 12\_表单输入绑定07:09  
P13 13\_组件基础07:51  
P14 14\_计算属性07:05  
P15 15\_插槽内容11:29  
P16 16\_自定义事件10:28  
P17 17\_Vue-cli搭建demo12:31  
P18 18\_Vue-cli目录结构11:12  
P19 19\_Webpack简介11:11  
P20 20\_Webpack安装及使用08:41

P21 21\_Vue-router12:00  
P22 22\_整合ElementUI搭建项目05:18  
P23 23\_ELementUI登录页界面13:05  
P24 24\_ElementUI登录页验证11:04  
P25 25\_嵌套路由13:36  
P26 26\_参数传递06:27  
P27 27\_组件重定向03:14  
P28 28\_路由模式+处理404 03:36  
P29 29\_路由钩子函数+异步请求09:32  
P30 30\_Vuex判断用户是否登录08:57  
P31 31\_Vuex操作对象12:59  
P32 32\_Vuex模块化03:13

\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*

P1 01\_Vue学习目标03:50

[这可能是B站讲的最好的Vue教程，5h打通vue全套教程丨2021最新版，Vue2.0+Vue3.0从入门到精通，大厂前端必备技能\_哔哩哔哩\_bilibili][B_Vue_5h_vue_2021_Vue2.0_Vue3.0_bilibili]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16][]

axios通讯框架：像ajax

vue-cli：框架帮助我们快速创建项目,像maven会创建一些常用的依赖

webpack:打包工具

vue-router：页面跳转

vuex：存储对象，

P2 02\_前端知识体系16:27

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 1][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 2][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 3][]

</div>

jquery: $("\#app").find(".p")

原生： document.getElementById("app")

ES5所有的浏览器都支持 ES6部分浏览器支持 前端一般用ES6 然后用webpack打包为ES5

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 4][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 5][]

P3 03\_前后端分离的演变史17:13

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 6][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 7][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 8][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 9][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 10][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 11][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 12][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 13][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 14][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 15][]

P4 04\_前端MVVM模式09:31

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 16][]

view

hello

<input id="text" type="text">Hello</input>

<div id="content">Hello<div>

$("\#app").on("change",function()\{

$("\#content").html(this.val());

\})

viewModel

观察者

Model

后台业务逻辑和数据库

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 17][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 18][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 19][]

P5 05\_Vue是什么07:23

中国人开发的 中文开发文档

[Vue.js][] 官方网站

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 20][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 21][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 22][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 23][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 24][]

P6 06\_第一个Vue应用程序07:06

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 25][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 26][]

[介绍 — Vue.js][_ Vue.js]

P7 07\_Vue实例声明周期05:35

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 27][]

P8 08\_条件渲染06:59

其实就是if

P13 13\_组件基础07:51

item的关系

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 28][]

[B_Vue_5h_vue_2021_Vue2.0_Vue3.0_bilibili]: https://www.bilibili.com/video/BV1if4y1F7gR?from=search&seid=7564787689897717298&spm_id_from=333.337.0.0
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/96d66a556b324490a4c475f1d67ee4bd.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/53556cb691904bf1b1851a77350bd17e.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 2]: https://img-blog.csdnimg.cn/ed7836428d9c44a9b4ce05ae6784b4e2.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 3]: https://img-blog.csdnimg.cn/519028831ee54268a2fa392ee7ead31c.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 4]: https://img-blog.csdnimg.cn/0d3946f437564b7b8449e15cea08283b.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 5]: https://img-blog.csdnimg.cn/56153b7a82334eee8f8e114120e72d5c.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 6]: https://img-blog.csdnimg.cn/a441b5ea3bf74e1784690d462b424fb6.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 7]: https://img-blog.csdnimg.cn/93771847dd2c4e54bdae9e8d3ef61972.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 8]: https://img-blog.csdnimg.cn/4f9a6ab920564ac0859e77e73a3af6db.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 9]: https://img-blog.csdnimg.cn/73b4e70486a34defadd5e0ccaa2dc800.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 10]: https://img-blog.csdnimg.cn/693e0a9be72f4f1a8812a65b866d1bbf.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 11]: https://img-blog.csdnimg.cn/ce007ceac21d4623b1b801b1d4138cc6.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 12]: https://img-blog.csdnimg.cn/7a6f77e365c84a94958bd5eb5e4cf03a.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 13]: https://img-blog.csdnimg.cn/6eec92ad023446f9b338818528c3eb7f.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 14]: https://img-blog.csdnimg.cn/1d2ef4b5beb44750b01140c74bc9ea02.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 15]: https://img-blog.csdnimg.cn/27f9c76feeb24ba199cfe4b9183cd5aa.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 16]: https://img-blog.csdnimg.cn/dc9a8c0248634a0f930109083ecd85cd.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 17]: https://img-blog.csdnimg.cn/a8cb8ca214464a2784f2afc56745b807.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 18]: https://img-blog.csdnimg.cn/2ac57acbcf654f72bb341623e3c4ed86.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 19]: https://img-blog.csdnimg.cn/9d72493d4609416b983462ecdf1ec817.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[Vue.js]: https://cn.vuejs.org/
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 20]: https://img-blog.csdnimg.cn/90089ac135414c048e642e345e63c254.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 21]: https://img-blog.csdnimg.cn/7fd7b0d49a3a43a29ef5173d93946d2f.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 22]: https://img-blog.csdnimg.cn/4b4ca8757f26468f975f0fced7cfd072.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 23]: https://img-blog.csdnimg.cn/fbafa78d3d2c409a99637b090e94e2df.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 24]: https://img-blog.csdnimg.cn/aba9cbc9c89a43249ff0a61d9e33681b.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 25]: https://img-blog.csdnimg.cn/4ef98b4f50e943b6b4a9f6e8e590a189.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 26]: https://img-blog.csdnimg.cn/f3c26b94cee040c4a1dc114ee3562c71.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[_ Vue.js]: https://cn.vuejs.org/v2/guide/#%E8%B5%B7%E6%AD%A5
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 27]: https://img-blog.csdnimg.cn/c362f6a66d624f5781c92255544e3ae3.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAcXFfMjczMjcyNjE_size_20_color_FFFFFF_t_70_g_se_x_16 28]: https://img-blog.csdnimg.cn/e37d9df468d449ee9d7f7caabfe3f20f.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMjczMjcyNjE=,size_20,color_FFFFFF,t_70,g_se,x_16