@flx12

Почему не передаются параметры в компонент vue?

main.js
import Vue from 'vue'
import store from './store'

new Vue({
  el: '#productList',
	store,
	template: '<span> msg: {{msg}}</span>',
	props: ['msg']
})

index.html
<div id="productList" msg="сообщение"></div>
в результате выводится только msg:
как передать параметр в компонент?
Для сборки использую vue-cli.

UPD: пример https://www.webpackbin.com/bins/-KtvyvDYFoQ2xxX0xAsZ
  • Вопрос задан
  • 378 просмотров
Решения вопроса 1
pomasokol
@pomasokol
Full-stack Web-dev (Django/Angular 2+/Vue)
Потому что вы путаете понятия компонента и приложения. В Вашем случае нужно сделать примерно так:
main.js
import Vue from 'vue'
import store from './store'

Vue.component('productList', {
  template: '<span> msg: {{msg}}</span>',
  props: ['msg']
});

var app = new Vue({
  el: '#app',
  store,
})


index.html:
<div id="app">
  <product-list msg="message"></product-list>
</div>


Т.е. Вы один раз создаете экземпляр Vue, а затем добавляете к нему компоненты.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Fragster
@Fragster
помогло? отметь решением!
Потому что в примере не компонент, а приложение.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы