Vue.js Basics

Get started with Vue.js

HTML

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <p v-if="show">you can see me</p>
  <p v-else>now you see me</p>
  <template>
    <p>inside a template</p>
  </template>
  <p>do you see me?</p>
  <button @click="show = !show">Toggle</button>
</div>

JavaScript

new Vue({
	el: '#app',
  data: {
		show: true
  }
});