vuejs在chrome extensions中不起作用

2024年4月15日 273次阅读 来源: jsoncode

简单的代码：

<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
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞