jhnwllr/.block

## .block
license: mit

## README.md

      
    Raw
  

              README.md
            
          
    Built with blockbuilder.org

  
## index.html
<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v4.min.js"></script>
  	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
  </style>
</head>
<div id="demo">{{ fullName }}</div>
<body>
  <script>
var vm = new Vue({
  el: '#demo',
  data: {
    firstName: 'Foo',
    lastName: 'Bar',
    fullName: 'Foo Bar'
  },
  watch: {
    firstName: function (val) {
      this.fullName = val + ' ' + this.lastName
    },
    lastName: function (val) {
      this.fullName = this.firstName + ' ' + val
    }
  }
})
  </script>
</body>
	<!DOCTYPE html>
	<head>
	<meta charset="utf-8">
	<script src="https://d3js.org/d3.v4.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<style>
	body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
	</style>
	</head>
	<div id="demo">{{ fullName }}</div>
	<body>
	<script>
	var vm = new Vue({
	el: '#demo',
	data: {
	firstName: 'Foo',
	lastName: 'Bar',
	fullName: 'Foo Bar'
	},
	watch: {
	firstName: function (val) {
	this.fullName = val + ' ' + this.lastName
	},
	lastName: function (val) {
	this.fullName = this.firstName + ' ' + val
	}
	}
	})
	</script>
	</body>