<div ng-controller="helloCtrl">
	<h2>Hello {{name}}!</h2>
</div>


var helloApp = angular.module('helloApp', []);

helloApp.controller('helloCtrl', ['$scope', function ($scope) {
  $scope.name = 'world';
}]);

import { Component } from '@angular/core';

@Component ({
   selector: 'my-app',
   template: `<h1>Hello {{name}}</h1>`,
})
export class AppComponent  { name = 'World'; }

class HelloMessage extends React.Component {
  render() {
    return (
      <div>
        Salut {this.props.name}
      </div>
    );
  }
}

ReactDOM.render(
  <HelloMessage name="Thierry" />,
  document.getElementById('hello-example')
);

<div id="app">
  {{ message }}
</div>


var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

<script>
	let name = 'world';
</script>

<h1>Hello {name}!</h1>