Vue之路之--vue的初体验

正如官网教程上所说，“Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM”，确实，vue的模板相对于angular等确实很简洁--

var vue = new Vue({
	el:"#container",
	data:{
		datas:"开始学习新的框架了！",
		status:false,
		dataObj:{
			date:new Date(Date.now()),
			language:"中文",
			address:"陕西省西安市雁塔区欧亚路裕丰馨苑",
			name:"张帅峰"
		},
		dataArray:[
			1,2,3,4,5,6,7,8,9
		]
	}
})//可以通过vue.datas,vue.dataObj来外面访问或者设置data里面的数据

但是我不得不说，这里el：用来指明vue的作用范围，其值一般是一个元素的id，其实class名也可以，只是为了安全起见不要用class名，因为一旦这样，vue只认第一个出现的class名作为其vue环境的根节点

data是一个对象用来存放一些数据的（既然是数据，那就任何格式的数据都可以的）容器吧，跟html中的dom进行绑定的时候要用双大括号{{}}，

当然除此之外，vue还有一些指令：

v-if：值是true和false，可以控制元素的显示元素；

v-for：可以绑定数组的数据来渲染一个项目列表，用法可以是 v-for = "data in dataArray",在这里data用来表示dataArray里面的某一项，dataArray表示在vue中的数据容器中定义的数组对象...

当然vue的本领可不止这些，还有好多等着我们去探索呢！