- 博客(4)
- 收藏
- 关注
原创 Vue组件混入和组件递归(学习笔记,小知识点,忘记可复习)
组件混入在vue开发中,我们可能会遇到许多不同的组件有着类似的功能,这些功能代码分散在组件的不同的配置中这时候就会出现代码的冗余,而我们要减少代码的冗余,可以把这些配置代码抽离出来,利用混入融合到组件中做法也很简单//创建一个JS文件用来抽离公共代码(fetchData.js)// 抽离的公共代码export default function(defaultDataValue = null) { return { data(){
2021-10-09 20:02:14
114
原创 Vue2--组件的生命周期(学习笔记)
vue创建实例对象到渲染的过程1.创建实例对象。2.注入---完成数据响应式,并把响应式的数据提到Vue实例里面。3.编译生成虚拟DOM树---此处浏览器会先看程序员有没有配置render函数,若没有,则会查看template函数有没有配置,若没有,最后会查看模板。4.挂载---生成真实DOM树,渲染页面5.达到已挂载状态,已挂载状态如果发生数据变动会重新生成虚拟DOM树,这时候会对比前后两次生成的虚拟DOM树的差异,将差异重新应用到真实的DOM树上并且完成渲染。而组件的生命周期
2021-09-29 18:33:36
191
原创 开发环境和生产环境的跨域问题(学习笔记-axios和mockjs)
远程获取数据的意义前台页面是用来给用户们观看使用的,而后台页面则是管理前台页面的数据更新。比如说我们要新增一篇文章或者禁用某些用户的登录,那么这个时候我们就要进入后台管理这些数据,用ajax访问服务器,这时候服务器就是记录下我们新的数据。前台页面这时候就会从服务器中获取数据,比如获取一篇新的文章或时禁用某些用户登录的数据来重新渲染页面。形成这样一个闭环之后,我们就可以通过数据自己渲染页面,而不用每次获取到新数据的时候重新修改代码,这就是远程获取数据的意义-------------
2021-09-29 15:07:29
1364
1
原创 vue2-vue-router(路由)学习笔记
<!-- 向to属性传递路由信息对象 RouterLink会根据你传递的信息以及路由配置生成对应的路径 --><RouterLink :to="{ name:'foo' }">go to foo</RouterLink>在我们使用vue开发一个单页面的项目时,我们总会思考三个问题 如何根据地址中的路径选择不同的组件? 把选择的组件放到哪个位置? 如何无刷新的切换组件? 而这三个问题恰恰用vue2里面的vue-router插件可以..
2021-09-27 17:39:15
280
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人