如何在Sails.JS中使用Vue.JS和Vue-Resource?

时间:2018-08-24 18:13:00

标签: javascript vue.js sails.js vue-resource

我是Sails.JS的新手,想在我的视图中使用Vue.JS(每个.ejs都有一个脚本),但是我不知道正确的方法。 如果我在视图的末尾创建脚本标签,则会抛出错误,因为Vue.JS尚未加载。因此,我在资产中创建了一个文件夹来保存我所有的.js文件,现在我不知道如何导入Vue资源而不会出现以下错误:Cannot read property 'get' of undefined.

我已经检查了这个问题:https://github.com/pagekit/vue-resource/issues/579,但仍然没有成功。

感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

在您的vue main.js中,确保您拥有

var VueResource = require('vue-resource');
Vue.use(VueResource);

在vue模板中,您可以像这样访问它:

<script>
    export default {
        data(){
            return {}
        },
        created(){
            console.log(typeof this.$http);
        },
        mounted(){
            console.log(typeof this.$http);
        }
    }
</script>

在处理资源时,我建议使用Vuex并使用状态来保存数据。 https://vuex.vuejs.org/