Vue 05 MVVM模型

MVVM模型

  1. M:模型(Model) :data中的数据
  2. V:视图(View) :模板代码
  3. VM:视图模型(ViewModel):Vue实例
DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>理解MVVMtitle>
		
		<script type="text/javascript" src="../js/vue.js">script>
	head>
	<body>
		
		
		<div id="root">
			<h1>学校名称:{{name}}h1>
			<h1>学校地址:{{address}}h1>
			
		div>
	body>

	<script type="text/javascript">
		Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。

		const vm = new Vue({
			el:'#root',
			data:{
				name:'123',
				address:'123',
			}
		})
		console.log(vm)
	script>
html>

{{}}中的内容可以填什么

可以填所有vue实例中的属性
Vue 05 MVVM模型_第1张图片

你可能感兴趣的:(VUE,vue.js,javascript,ecmascript)