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.)
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.)
문자 입력이 없는 상태이면,
フン。というのかい。贅沢な名だねぇ。
今からお前の名前はだ。いいかい、だよ。分かったら返事をするんだ、!!
라고, 무명이라도 뭔가 말하고 있군요・・・
어떤 의미에서, 이상해져 버린 유 할머니라는 것으로!
감상
「HelloWorld 대신, 유파를!」라고 소리도 들었습니다.
확실히 HelloWorld는 「출력」뿐입니다만, 할머니라면 「입력, 출력, 문자열(메모리의 취급?), 예외 처리」가 포함되어 있어, 각 언어의 특징을 실감하기에는 정말 좋은 재료 그렇다고 생각했습니다.
추가:
IchigoJam BASIC 버전 도 써 보았습니다.
Reference
이 문제에 관하여(Vue.js에서 유파를 구현해보십시오.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/shibomb/items/688ebef26627aea014f7
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(Vue.js에서 유파를 구현해보십시오.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/shibomb/items/688ebef26627aea014f7텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
