vue_nonaka-practice-post(repaired

Vue演習 on wp 〜野中さんの演習〜

http://www.fumiononaka.com/Business/html5/FN1702003.html
codepen等が最適と思うが、現状「より実践」を考慮しwpで綴る非公開演習。
それにしてもこの新しいブロックエディタは面食らう。
無駄な広さ感はなれるのだろうか? とぼやきながらもやってみる。

Hello {{yourName}}!

動作しているコード01
<div id="app" class="container">
<h3>Hello {{yourName}}!</h3>
<input v-model="yourName" placeholder="enter a name here" type="text">
</div>

パース順の問題なのかなぜかcode表示の中のdata “yourName”にvueが書き込んでくれちゃう。
面白いけどキチンとアルゴリズムを書かねば対象、浮上である。(取合えずママで放置)


Todo

動作しているコード02
<div id="collapseExample2" class="collapse">
<div id="app-b" class="container">
<h2>Todo</h2>
<ul class="list-unstyled">
	<li style="list-style-type: none;">
<ul class="list-unstyled">
	<li><label>

書いた所当初は全く問題無く動作していたが、4月に入り観てみると上手く動いてない。vue自体は動いている模様
(エディタの自動改行等は→tinyMCE + エディタclassic化で解消。