原来没有实现过vue与jquery混用
然后百度了一下~~
原来实现的是使用elementui框架加上原生的js实现的
然后没有用过我就很方
做完的时候还想着要不要套一套移动端的ui elementui到项目里面,可是想想都写完了很麻烦,然后就继续用原生的方法来实现页面中存在的计算功能~~
但是暂时没有遇到使用混用vue与jq带来的操作DOM的问题,坑你目前阶段需求较少
然后我是直接在入口文件里面引用了jq(首次加载速度很慢,然后切成了cdn的地址,但是好像打包的时候也是会打包这个资源的,有设置但是目前好像速度可以了,不怎么看得懂配置)
另外说说几个问题~~,我现在没有使用公共组件,因为~~时间的问题可能需要拿出来,但是是每个活动公共的我暂时就放在了入口文件里面
不知道对于加载是否有影响,但是如果分为模块懒加载 可能会方便很多~
由于动画效果还是使用
wow+animate实现的由于导入jq混用没有出现问题所以现阶段这个没有问题
还有一些再 .vue文件里面实现不了的效果,我就移动到了index.html使用了jq实现,感觉好像不太好,但是没有时间目前~~
好像没有什么了,可能是原来习惯了用elmentui的api然后实现起来方便,这个暂时就使用lvue
然后数据结构暂时也比较简单比较好装~~
没有了~~
哦,唯一的一点就是又使用它们写好哒那个公共的方法请求数据的时候又遇到了请求头的问题
requestAxios(type, action, data, state, title, act, Callback) {
let self = this;
self.url = self.$CONFIG().apiHost + action;
if (type === 'p') {
self.$axios.post(self.url, qs.stringify(data)
,{ headers: {'Content-Type': 'multipart/form-data'
}}).then((res) => {
//console.log(res.data);
if (res.data.status != 1) {
eval("self." + state + " = false");
//self.sendMsgBoxOk(res.data.msg, title,res.data.msg);
return false;
} else {
self.result = res.data;
sessionStorage.setItem(action, JSON.stringify(res.data));
if (state)
eval("self." + state + " = false");
if (Callback)
eval("self." + Callback + "(res)");
}
})
} else {
self.$axios.get(self.url, {
params: data
}).then((res) => {
console.log(res);
self.result = res.data;
if (Callback)
eval("self." + Callback + "(res)");
})
}
},
------没有了~~~