Vue 2.0 Hello World

by Christian Bonato

HTML

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

<div id="app">
  <p>{{ message }}</p>
  <div @click="trigger" class="trigger">Click me</div>
  <input type="file" ref="fileInput"/>
</div>

CSS

.trigger {
  padding: 10px;
  border: 1px solid red;
  margin-bottom: 16px;
}

JavaScript

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  },
  methods: {
  	trigger () {
    	this.$refs.fileInput.click()
    }
  }
})