第二章vue的基本使用

最新推荐文章于 2024-09-15 00:30:13 发布

夜晚收集者

最新推荐文章于 2024-09-15 00:30:13 发布

阅读量116

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_45541388/article/details/100848828

版权

第二章vue的基本使用

1.效果

2.编码

3.使用Vue开发工具测试
4.理解Vue的MVVM

	viewModel
view - DOM Listeners -Model
     - Date Bindings -Plain Javascript
 |	  |		object
DOM       vue

都是声明式编程
声明式开发还有命令式开发
input 监听
DOM 监听 view 指令和模型页面
数据绑定
VM管理

	<div id="app"><!--view-->
		<input type="text" v-model=""/>
		<p>hello???</p>
	</div>
	<script type="text/javascript" src="../js/vue/.js"></script>
	<script type="text/javascript">
		//创建vue实例
		const vm = new Vue{(//配置对象
			el:'#app',//element:选择器
			date:{//数据（model）
				message:'Hello Vue!'
				
			}
			
		)}
	</script>
	<!--
		MvvM:
		model ：模型，数据对象（date）
		view:视图，模板页面
		ViewModel:视图模型（VUE）
	-->