[t.....y]

Napisałem swój pierwszy komponent, jednak google i niektóre wyszukiwarki nie interpretują tego poprawnie lub wcale.

Mam tak:

Który podczas renderowania strony jest podmieniany przez VUE.
Czy mogę w te znaczniki dać np. trochę kodu HTML dla wersji nie obsługujących vue?
Chciałem dać tam prostą wersję tego samego co mam w komponencie vue, czyli coś w stylu:

* tekst
* tekst
* tekst

Ewentualnie proszę o wskazówki jak sobie z tym radzicie.

#webdev #vuejs #laravel

[TwigTechnology]

@thcluboy: to co się dzieje z komponentami zależy od tego w którym miejscu jest kod i jak później budujesz finalną wersję. Jeżeli używasz komponentów w plikach .vue to możesz robić co chcesz, w przypadku podpięcia skryptu runtime i zabawy ze script/template będą jaja.

Obczaj sobie jak to działa w prawilnej wersji gdy się używa hot reload i innych takich:
https://github.com/vuejs-templates/webpack

[aso824]

@TwigTechnology: czyli że co, trzeba w kod HTML wkleić to co ma być docelowo w komponencie, a potem to podmieniać? Pytam z ciekawości, dopiero zamierzam uczyć się Vue

[TwigTechnology]

@aso824: masz 2 opcje - zobacz sobie jak działają pliki .vue w ww. webpack template, opcja najfajniejsza, ale trzeba kompilować to do docelowej formy (czytaj - odpalić w npm run build), ale za to samo pisanie/testowanie/ogólnie - praca z hot reloadem to bajka (npm run dev).

Opcja 2 - tworzysz szablony komponentów w tagu script wewnątrz docelowego pliku html, wtedy musisz się trzymać standardów html

[aso824]

@TwigTechnology: no ok, ale Google jak to łyknie? Zinterpretuje JS? Bo rozumiem że kompilacja z .vue daje JS a nie plain HTML. Ta druga opcja wydaje się rozwiązywać problem

[TwigTechnology]

@aso824: a to piszesz o jeszcze innej rzeczy - Server Side Rendering: https://ssr.vuejs.org/en/

[t.....y]

@aso824: właśnie google nie łyka, dlatego chcę zrobić alternatywną wersję dla wyszukiwarek.

[Jurigag]

@thcluboy: u mnie google normalnie łyka jsa, najwidoczniej to vue jest jakiś #!$%@? i jego nie potrafi łyknąć