You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><bodystyle="font-size: 150%;"><divid="app"></div><hr><divid="app-2"><spanv-bind:title="message">
Hover your mouse over me for a few seconds
to see my dynamically bound title!
</span></div><hr><divid="app-3"><spanv-if="seen">Now you see me</span></div><hr><divid="app-4"><ol><liv-for="todo in todos">
{{ todo.text }}
</li></ol></div><hr><divid="app-5"><p>{{ message }}</p><buttonv-on:click="reverseMessage">Reverse Message</button></div><hr><divid="app-6"><p>{{ message }}</p><inputv-model="message"></div></body><script>newVue({template: '<p></p>',data:{msg:'hello world!'}}).$mount('#app')varapp2=newVue({el: '#app-2',data: {message: 'You loaded this page on '+newDate().toLocaleString()}})varapp3=newVue({el: '#app-3',data: {seen: true}})varapp4=newVue({el: '#app-4',data: {todos: [{text: 'Learn JavaScript'},{text: 'Learn Vue'},{text: 'Build something awesome'}]}})varapp5=newVue({el: '#app-5',data: {message: 'Hello Vue.js!'},methods: {reverseMessage: function(){this.message=this.message.split('').reverse().join('')}}})varapp6=newVue({el: '#app-6',data: {message: 'Hello Vue!'}})</script>
これをてきとうなパスに保存して開くこと。
Macならテキストをコピーした後に
pbpaste > ~/vue-start.html && open ~/vue-start.html
とか。
動作例
The text was updated successfully, but these errors were encountered:
チュートリアル
はじめに — Vue.js
手順
これをてきとうなパスに保存して開くこと。
Macならテキストをコピーした後に
とか。
動作例
The text was updated successfully, but these errors were encountered: