vue 总结

---

vue js 的简介：

Vue.js的特性如下：

1.轻量级的框架

2.双向数据绑定

3.指令

4.插件化

创始人：尤雨溪

Vue.js也称为Vue,

是一个用来构建用户界面的框架

是一个轻量级的MVVM框架(Model-View-ViewModel)框架，其实就是数据的双向绑定

数据驱动+组件化的前端开发(核心思想)

通过简单的API可以实现响应式的数据绑定和组合的视图组件

1.v-for：对数组或对象进行循环操作

vue的指令

 v-for...循环操作

<div id="itany">

<ul>

<li v-for="v in arr">{{v}}</li>

<li v-for="val in obj">{{val}}</li>

<li v-for="(val,ind) in arr ">

          {{ind}}---{{val}}       </li>

</ul>

new Vue({

el : '#itany',

data:{

arr:[1,2,3],

obj:{name:'jack',age:19}

arrs:[

{

num:1,

    name:'apple'

    price:2

}

]

}

})

varvm=newVue({ el:'#itany', data:{ msg:'hello vue'}, methods:{ alt:function(){ alert(vm.msg) alert(this.msg) } } })