vue.js - 为什么创建的方法在 vue-resources 中不起作用？

Question

我是 Vue.js 的初学者，我通过以下步骤安装了 vue 资源：

• npm install vue-resources --save
• 在 main.js 中：import VueResource from 'vue-resource'
• 在 main.js 中：Vue.use(VueResource);

应用程序.vue：

<template>
  <div id="app">
    <Users/>
  </div>
</template>

<script>
    import Users from './components/Users'
    export default {
        name: 'App',
        components: {
            Users
        }
    }
</script>

用户.vue：

<script>
    export default {
        name: 'Users',
        methods: {
            created: function(){
                console.log('Test Message');
            }
        }
    }
</script>

控制台中什么也没发生。

创建的功能不起作用，有人可以帮忙吗？

标签： vue.jsvue-resource

Answer 1

该问题与 vue-resources 无关，不会受其影响，除非它导致初始化错误。

created是生命周期钩子而不是用户定义的方法，因此不应在methods.

它应该是：

export default {
    name: 'Users',
    created: function(){
        console.log('Test Message');
    }
}