当前位置: 首页 > 后端技术 > Node.js

vue开发常见问题

时间:2023-04-04 00:58:46 Node.js

1.vue单页面回滚时缺少参数的问题。一些像我这样的新手同学可能会遇到一个问题。比如我从商品详情跳转到购物车,没有问题,但是,在购物车页面点击浏览器的后退按钮,返回详情页时,你的动态数据(图片,名称,价格,等等)都没有了,只剩下一堆css样式的架子了。不舒服。这就是单页回滚参数丢失的问题。话不多说,直接说解决方法。1、首先我们要了解Vuex。(状态管理)具体百度vuex是在vue-cli项目中通过npm安装的:npmivuex--save引入项目mian.js:importVuexfrom'vuex'Vue.use(Vuex);定义一个常量conststore=newVuex.Store({state:{songInfo:''},mutations:{//定义函数,比如我要获取songInfogetSongInfo(state,songInfo){state.songInfo=songInfo;}}});然后globalvue添加到store/*eslint-disableno-new*/newVue({el:'#app',router,store,components:{App},template:''})这样,我们主要。js部分准备好了,那页面部分怎么办呢?既然我们要获取,那我们就得先把它保存在你保存数据的vue页面中。id是一个参数,可以是数组,变量什么的,要不要根据自己的需要保存(id){//console.log(id);this.$store.commit("getSongInfo",id);}然后下一步是获取要计算数据的页面上存储的内容:{hereIsYourData(){returnthis.$store.state.songInfo;为什么要添加计算属性?我觉得很方便。看看这里提到的https://cn.vuejs.org/v2/guide。。。顺便加深对watch和computed的理解。默认情况下,计算属性只有getter,但您也可以在需要时提供setter。然后,解决完成!嘻嘻嘻2、webpack打包项目启动后,发现开发者工具的源码是正确的,webpack在线配置错误。进入config文件夹下的index.js,里面有个build内容,把里面的productionSourceMap改成false3.每次修改项目的配置,都要重新运行npmrundev,因为hotreloading是通常自动更新修改页面4.vue的Post请求后台语言(php,java,asp等),发现post不出去,不报错,没有效果解决方法:添加{模拟JSON:真}。例如:this.$http.post("url",{//parameters},{emulateJSON:true}).then(function(res){//suc});5.用webpack打包后,页面是空的可能你的路由方式是history,需要改成hash。一般默认是hash。...我只能说这么多,我记不起来了。..我只是一个初学者。..最后附上那个带我入门的导师。我在MOOC的河边角落看到了他的视频。非常不错https://coding.imooc.com/clas...还有我的项目,喜欢的话可以向我要源码,同时求!求!有大神可以指点一下!http://111.230.91.125:3000/#/http://111.230.91.125:8080/Vshop/view/index.html如果觉得文章不错,给我点个赞,谢谢,嘻嘻!