正如官网教程上所说,“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的本领可不止这些,还有好多等着我们去探索呢!