尚硅谷的vue旅程02-vue的基本使用

vue的基本使用步骤

1.引入Vue.js

2.创建 Vue 对象

3.el：指定根 element (选择器)

4.data：初始化数据(页面可以访问)

5.双向数据绑定：v-model

6.显示数据：{{xxx}}

7.理解 vue 的 mvvm 实现 

代码示例

<!-- view:视图(模板页面)-->
<div id="app">
	<input type="text" v-model="message"><br>
	<p>{{message}}</p>
</div>
		
		
<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		//ViewModel:视图模型(vue 的实例vm)
		let vm = new Vue({
			el:"#app",//model:数据对象(data)
			data:{
				message:"请输入"
			}
		})
</script>

  MVVM (Model-View-ViewModel) 本质上是 MVC (Model-View- Controller)的改进版。即模型-视图-视图模型。