Vue使用中的小技巧

用vue写了两个项目,想写的东西,没有任何逻辑,想到什么就写什么

1、axios

    第一,axios怎么发送请求看API就行了

    第二,我想说的是关于axios中的this问题,要想在axios内部让this代表vue实例,需要在axios之                   前先声明,比如 let that = this;that就代表了vue实例

    第三,默认设置,在实例中引用axios时,可加上axios的一些设置,如下:

               import axios from "axios"

               axios.default.header.post["content-Type"] = "application/json"

2、内存问题

      这个问题主要是在有双工通信的情况存在时,比如 MQTT,WebSocket 有主动推送消息接收              最好用data属性定义,然后接收,不要直接用 let 或 var直接接收,长时间推送内存肯定会爆。

3、改变背景图片

    直接用img的js方法没有效果,可通过class-style绑定形式,改变data数据值(true/false)来改变      background

4、click事件获取本身DOM节点方法

    标签定义:@click($event) 

    函数中获取:$event.target就代表click事件自身DOM节点

5、webpack配置

    改两个地方然后甩给后台就可以运行了

    第一,config文件夹下的index.js文件build对象的assetsPublicPath项

   原始:assetsPublicPath:"/",

    改为:assetsPublicPath:"./",

    多了一个点,主要是打包后能跑,要不然后台跑不起来

    第二,在build文件夹下utils.js中加一行代码;

    在 if(options.extract){

        return ExtractTextPlugin.extract({

            use:loaders,

            fallback:"vue-style-loader,

            publicPath:"../../"   //新添加部分,为了加载图片的

        })

    }

    


    

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • # 传智播客vue 学习## 1. 什么是 Vue.js* Vue 开发手机 APP 需要借助于 Weex* Vu...
    再见天才阅读 9,041评论 0 6
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 8,125评论 1 4
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,460评论 0 29
  • 昨天和室友在讨论某个明星,本人对那个明星无感甚至有点讨厌,但是我真的不知道室友喜欢他。于是我在不知情的情况下吧啦吧...
    小矯情阅读 5,823评论 0 0
  • 我还是相信,星星会说话,石头会开花 穿过夏天的木栅栏和冬天的风雪之后。 你终会抵达。 钢笔速写又开始啦!太丑怪手冰。
    我可能是一个怪X阅读 4,890评论 0 3