vuejs在chrome extensions中不起作用

简单的代码:

<div id="app">{{a}}</div>

new Vue({
    el:'#app',
    data:{
        a:123
    }
});

在谷歌插件中竟然没有任何错误,并且没有任何显示,页面是空的,网上搜到一篇文章:
https://segmentfault.com/q/10…
意思就是,谷歌插件中的js运行环境比较特殊(称为 Content Security Policy (CSP)),使得通常的 vue 不能被正常使用。

解决方案:
vue1.x : https://github.com/vuejs/vue/…

替换vue.min.js文件就行了

vue2.x 参考这里:http://vuejs.org/v2/guide/ins…

页面追加锚点#CSP-environments即可看到

    原文作者:jsoncode
    原文地址: https://segmentfault.com/a/1190000007530420
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞