Vue上手

Vue简介

这是一个JS框架
简化Dom操作
响应式的数据驱动

第一个Vue程序

1、导入开发版本的Vue.js
2、创建Vue实例对象，设置el属性和data属性
3、使用简洁的模板语法把数据渲染到页面上

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

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
	var vue = new Vue({
		el:"#app",
		data:{
			message:"helloworld"
		}
	})
</script>

el挂载点

el是用来设置Vue实例挂载（管理）的元素
Vue会管理el选项命中的元素及其内部的后代元素
可以使用其他的选择器，但是建议使用id选择器，避免重复便于管理