![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
MR洁儿
这个作者很懒,什么都没留下…
展开
-
Vue:vue组件与原生未封装js的相互调用
很久没更新博客了,最近在项目中遇到了这么一个问题,需要在Vue项目中,引入原生的js;也需要在原生的js中调用vue组件的函数。一、Vue中引入原生未封装js一般情况下对于已封装的js文件,只需要import该js,然后直接使用即可,但是问题就出现在该js未封装。最终的解决办法,将该js引入到index.html中,然后在需要的地方直接使用即可,无需再次引入。<!--加载第三方未封装的js--><script src="./js/test.js"></scr原创 2020-10-21 16:17:13 · 3514 阅读 · 4 评论 -
Vue:添加axios(接口与使用分离)
近期在使用vue的时候,在为其添加axios这块,看了很多文章,大部分都是将接口的定义与使用放在一起的。个人认为这种写法对接口的管理极为不便。所以稍微整理了一种接口与使用分离的写法,与大家分享,如有更好的方式,欢迎评论指正。1、安装axios切换到项目根目录,安装axiosnpm inatsll axios --save-dev2、新建文件夹axios,在该文件夹下新建Api.j...原创 2019-09-02 14:43:22 · 375 阅读 · 0 评论 -
Vue:页面传值(vue-router)与状态提升(Vuex)
目标:实现A页面与B页面之间的传值,并且将该值保存在B页面(即:从别的页面过来,或者刷新浏览器,B页面仍能显示该值)。方式一:vue-router传值说到页面传值,马上想到的就是通过router在页面跳转的时候,将值带过去。将A页面中的title字段,在页面跳转后传递给B页面,在A页面中加入如下代码:(需在router中配置B页面)this.$router.push({ na...原创 2019-09-05 11:07:01 · 1182 阅读 · 0 评论