Vue.js에서 유파를 구현해보십시오.
소개
@Nemesis 님의 Java로 유파를 구현해 봅니다. 가 버즈 되고 있다는 것으로, Vue.js로 구현해 보았습니다.
코드
indext.html
<!DOCTYPE html>
<html>
<head>
<title>湯婆婆</title>
<script src="https://unpkg.com/vue"></script>
</head>
<body>
<div id="app">
<p> 契約書だよ。そこに名前を書きな。</p>
<input v-model="name"><br />
<p>
フン。{{ name }}というのかい。贅沢な名だねぇ。<br />
今からお前の名前は{{ newName }}だ。いいかい、{{ newName }}だよ。分かったら返事をするんだ、{{ newName }}!!
</p>
</div>
<script>
var app = new Vue({
el: '#app',
data: {
name: '',
},
computed: {
newName: function () {
const random = Math.floor(Math.random() * this.name.length)
return this.name.substr(random, 1)
}
}
})
</script>
</body>
</html>
예외 처리라든지 컴퍼넌트화하고 싶은 충동을 억제하면서, 원 네타를 리스펙트했습니다.
실행 결과
크래시 유파의 재현
문자 입력이 없는 상태이면,
フン。というのかい。贅沢な名だねぇ。
今からお前の名前はだ。いいかい、だよ。分かったら返事をするんだ、!!
라고, 무명이라도 뭔가 말하고 있군요・・・
어떤 의미에서, 이상해져 버린 유 할머니라는 것으로!
감상
「HelloWorld 대신, 유파를!」라고 소리도 들었습니다.
확실히 HelloWorld는 「출력」뿐입니다만, 할머니라면 「입력, 출력, 문자열(메모리의 취급?), 예외 처리」가 포함되어 있어, 각 언어의 특징을 실감하기에는 정말 좋은 재료 그렇다고 생각했습니다.
추가:
IchigoJam BASIC 버전 도 써 보았습니다.
Reference
이 문제에 관하여(Vue.js에서 유파를 구현해보십시오.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/shibomb/items/688ebef26627aea014f7텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)