VUE 基础入门

VUE简介

VUE是JavaScript的框架，简化了Dom操作，是响应式数据驱动。VUE文档网站：https://cn.vuejs.org

第一个VUE程序

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

<div id="app">
	<h2>......</h2>
</div>

js文件

var app=new Vue({
	el:"#app",
	data:{
	......
	}
})

VUE实例的作用范围：VUE会管理el选项命中的元素及其内部的后代元素。
VUE可以使用其他的选择器，但是建议使用id选择器。
el:挂载点

1. el是用来设置Vue实例挂载（管理）的元素；
2. VUE会管理el选项命中的元素及其内部的后代元素；
3. 可以使用其他的选择器，但是建议使用id选择器；
4. 可以使用其他的双标签，不能使用HTML和body。
   data：数据对象
5. Vue中用到的数据定义在data中
6. data中可以写复杂类型的数据
7. 渲染复杂类型数据时，遵守js的语法即可