laravel - vue-resourse has been imported, but the front end still reports an error!

Question

The import method is as follows: import 'vue-resource'
Component usage post:
<script>

export default{
    data () {
        return {
            formSendCodeField:{
                phone: '',
                code: ''
            }
        }
    },
    methods: {
        sendCode () {
            this.$http.post('/api/phone/code', {phone: this.phone})
                .then(function (response) {
                    console.log(response);
                }, function(error){
                    console.log(error)
                })
        }
    }
}

</script>

The error message is: cannot read property "post" of ubdefined

Answer 1

Are you using webpack? This is how you use webpack

import  vueResource from 'vue-resource'
Vue.use(VueResource);