个人技术总结

一、技术概述，描述这个技术是做什么？学习该技术的原因，技术的难点在哪里。控制在50-100字内。

vue框架：Vue.js是一套构建用户界面的渐进式框架。Vue 只关注视图层，采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
学习该技术的原因：项目需要，且是中国人开发
技术难点：
- watch和computed和methods的区别
- 各个生命周期钩子函数的运用，如beforeCreate()，mounted()等
- v-if和v-show的区别等

二、技术详述，描述你是如何实现和使用该技术的，要求配合代码和流程图详细描述。可以再细分多个点，分开描述各个部分。

Vue特点：易用，灵活，性能
目录结构
Vue的安装
- 1.script直接引入
- 2.CDN方法：
- 3.NPM命令行 npm i -g @vue/cli
Vue的学习
- 模板语法
- 条件语句
- 循环语句
- 计算属性
- 监听属性
- 样式绑定
- 事件处理器
- 表单
- 组件
- 自定义指令
- vue.js Ajax
- 以上是我这次开发中使用到的内容，其他内容可以自行查阅相关资料学习
实现和使用（部分例子）

1.v-if

2.v-for列表渲染
- 其中i为索引，reportInfo为当前项
  3.v-on:click=>@click事件触发，点击相关块或按钮时触发事件（比如调用函数）

三、技术使用中遇到的问题和解决过程。要求问题的描述和解决有一定的内容，不能草草概括。要让遇到相关问题的人看了你的博客之后能够解决该问题。

问题一：mounted钩子函数中请求数据导致页面闪屏问题

解决：其实就是加载时机问题，放在created里会比mounted触发早一点，如果在页面挂载完之前请求完成的话就不会看到闪屏了
问题二：含有v-if的元素中不能使用vue对象中的变量，控制台报错

解决：因为v-if是动态创建元素，每次都会重新删除或创建元素，故如果元素涉及到频繁切换，最好使用v-show，v-show不会重新进行DOM的删除和创建，只是切换了元素的display:none样式。
问题三：图片引用问题。直接把本地图片地址放在src里没问题。但如果把地址提取出来写在data里或者通过method动态给src赋值则引用不到。

解决：因为放在template模板里会被webpack打包所以可以，而放在data或者动态赋值，图片路径只是一个字符串webpack不会处理所以引用不到。所以可以通过import或者required引入。import src from ‘../../img.png’或者data:{img:require(‘../../img.png’)}
问题四：对象或数组的简单赋值，修改新值也会改变原值。

解决：这时我们需要获取原值的深拷贝对象。对于对象，可以通过newObj = JSON.parse(JSON.stringfy(obj))实现。对于数组，可以通过 newArr = […arr]或者newArr = arr.slice(0)来实现。
问题五：Vue渲染模板时怎么保留模板中的HTML注释

解决：模板标签添加 comments 属性
<template comments>..</template>

四、进行总结。

学习任何一门新技术，都需要掌握正确的学习方法和步骤，我认为最适合我个人的方法就是，第一步阅读文档，试图搞清楚这项技术是在干什么。第二步是语法，不同技术之间的编程语言不同，语法也不同，语法错误是最低级的错误，熟悉语法才能避免低级错误。第三步则是阅读相关例子，尝试理解实例的代码。第四步是正式编写，只有亲自上手才能更快理解。最后学有余力时尝试阅读源码，理解开发者的思想。学习过程中一定会遇到难题，这个时候应当分散难点，敢于问问题，并不是所有问题都可以通过自己尝试解决的，询问前人的经验也很重要。最后应当进行总结，整理整个过程中遇到的问题和错误，加以改进。

五、列出参考文献、参考博客。

1.标题：Vue.js菜鸟教程
作者：RUNOOB.COM
链接：https://www.runoob.com/vue2/vue-tutorial.html
2.标题：基于vue框架项目开发过程中遇到的问题总结（一）
作者：小燕子47325
链接：https://www.bbsmax.com/A/MAzAD8Vyd9/
3.标题：分享11个vue基础知识
作者：砥砺前行的菜鸟
链接：https://blog.csdn.net/weixin_44952258/article/details/105759511?utm_medium=distribute.pc_relevant.none-task-blog-baidujs-2
4.标题：vue难点总汇
作者：爱上彗星的尾巴
链接：https://blog.csdn.net/qq_38698753/article/details/80611529
5.标题：vue入门级技术分享
作者：StevenDIY
链接：https://blog.csdn.net/momDIY/article/details/86667313
6.标题：vue教程
作者：vue.js
链接：https://cn.vuejs.org/v2/guide/