VueJSはじめました
日本語のマニュアルあってたすかる～
なんかJS側は連想配列っぽいやつで変数を定義してそれの表示エリアをHTML側に用意する感じ？
{{ msg }}みたいな二重波カッコのマスタッシュ構文というやつを使うとテキストとして出力される
これ名前変換小説に良さそうじゃん…
今日日の夢創作って名前変換するんだろうか…
Pixivの小説投稿対応から単語変換機能の実装まで10年ぐらい有るし…
名字/名前の他に誕生日登録して上手いこと計算して誕生石とか出したり出来ませんかね…
できたとて…なんか…アクセサリーを贈る感じのシーンで使えるかもしれんが…
連想配列からテンプレート使ってループ生成とかも出来る たぶん
これ画像ギャラリーとかに使えんか…
連想配列で管理することにメリットがあればそれで…なんだけど無ければ普通にhtml記述しちゃったほうが
習作
ぜんぜんプログラム書かなくてもこういうことが出来る
Javascript欄、「変数numberは1を持っています」しか書いてない
html側で「numberを1増やすボタン」と「numberが3の倍数と3のつく数字の時だけ表示される要素」を作っている
ア！これVue3のリンクだと動かないから私が見た情報はVue1とか2とかなのか…
そしてVue2のサポート期限は2023年12月31日
バージョンアップで動かなくなるってことは破壊的な変更が有りますね
変なクセ付く前にVue3だけおぼえたい
けどVue入門みたいな安易ワードでググるとVue2の情報出てくるから…
公式ドキュメントを読むんだよ…
JS側だけちょっと変化が有った
code:old.js
var app = new Vue({
el: '#app',
data: {
number: 1
}
})
code:new.js
const app = Vue.createApp({
data(){
return {
number:1
}
}
})
app.mount('#app')
createappしてmountするようになったのか
めんどくさそうだな…
でもsvelteの「変数を宣言するだけでOK!」みたいなのもシンプルすぎてわからん
えっVue3でも出来る！？ こわ
日本語チュートリアルがありますんでね 素直にやっていきましょうね
Codepenつかっててうんともすんとも動かなかったやつがSFC Playgroundでうごく 謎
Playground的なものたち
完全に理解したわ…（スラング）