vue实现不刷新整个页面刷新数据

vue实现不刷新整个页面刷新数据

这样就出现了一个bug,如新闻列表页和发布新闻页面已通过点击左侧导航打开并添加至标签栏

此时，用户通过发布新闻栏目发了一条新闻，点击新闻列表查看的时候，结果因为之前有专门处理点击标签栏标签切换至的页面不刷新,造成新闻列表页列表并没有刚刚添加的新闻，只有强制刷新才能出现，这样肯定是不行的

解决这个bug就需要实现无刷新加载数据

vue实现无刷新加载数据，使用的技术是依赖注入 关键字为provide inject

在App.vue中

然后在需要使用这个方法的的vue组件中注入这个方法

根据此篇文字加以补充

js中的输入标签《input》有name属性，如name=“people”，你将input肯定要写在form中，在form提交的时候，会自动的将name这个属性提交，你只要在接受的js文件中，用如下的话就可以拿到，如

String people = request.getParameter("people")你就可以拿到用户输入的值。你要自动填的话，如下：<input type="text" name="people" value=<%u.id%>/>当然value中的u是你从数据库中拿到的，你先将people封装为一个Model，在数据库中拿到people的属性值，复制到你的Model中，然后通过session.setAttribute(里面是你填制好的Model),在显示的js中，用session.getAttribute()就可以拿到你的东西了！希望可以帮到你！！哈哈

---