当前位置：网站首页>5. MVVM model

5. MVVM model

2022-07-03 19:38:00 【Shura MIUI】

5.MVVM Model

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title> Data binding </title>
		<script type="text/javascript" src="./vue.js"></script>
	</head>
	<body>
		<div id="root">
			<h3> School name :{
    {
    name}}</h3>
			<h3> School address :{
    {
    address}}</h3>
			<h3>{
    {
    1+1}}</h3>
			<h3>{
    {
    $options}}</h3>
			<h3>{
    {
    $emit}}</h3>
			<h3>{
    {
    _c}}</h3>
		</div>
	</body>
</html>

<script type="text/javascript">
	const v = new Vue({
    
		data:function(){
    
			return {
    
				name:' Guangzhou Vocational College ',
				address:' foshan '
			}
		}
	});
	v.$mount('#root');
	
</script>