Zodiak 1love
-
Автор темы
- #1
Думаю все знают эту фигню я не знаю как она называется, но хотел потренироваться с Vue js 3 и сделал вот это
Оно работает просто над css не заморачивался
Я хотел чтобы вы сказали нормальный код или говно?
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="app">
<h1>Features</h1>
<p>{{current_text}}</p>
<div>
<button v-for="(item, i) in text" @click="Changetext(i)"></button>
</div>
</div>
<script src="https://unpkg.com/vue@next"></script>
<script src="app.js"></script>
</body>
</html>
JavaScript:
const App = {
data(){
return{
text: ["Legit", "Wallhack", "Misc", "Ragebot", "Lua Api", "Another"],
current_text: ""
}
},
methods: {
Changetext(i){
this.current_text = this.text[i]
}
}
}
Vue.createApp(App).mount("#app")