vuejs отправляет пустое значение и ответом является обязательное поле

Сегодня я начал работать с vuejs.

и моя форма просто имеет поле (имя) и кнопку отправки

поэтому, когда я пытался отладить пост-запрос, он отправляет все, что я положил в поле ввода, а после отправки формы отправляется только пустая строка, и в ответ требуется имя поля.

Это весь мой код:

файл приложения JS

Vue.http.headers.common['X-CSRF-TOKEN'] = document.querySelector('#token').getAttribute('value');

new Vue({ el: '#create-form',

data: {
newName: '',
},

methods: {

onSubmitForm: function(e) {
e.preventDefault();
var name = this.newName;
this.newName = '';
this.$http.post('manufacturer', name);
}
}
});

и это мой метод хранения, он нормально работает с нормальной формой

public function store(ManufacturerRequest $request) {
Manufacturer::create($request->all());
return redirect()->action('ManufacturersController@index');

}

http://laravel.io/bin/wJJdb#1,18,22,36

T даже пытался написать весь код с самого начала, чтобы увидеть, что мне не хватает = (но не нашел ничего и не знаю, в чем именно проблема.