美文网首页
Vue使用中的小技巧

Vue使用中的小技巧

作者: 魔王子H5 | 来源:发表于2018-12-27 14:38 被阅读0次

    用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使用中的小技巧

          本文链接:https://www.haomeiwen.com/subject/gkprlqtx.html