vue的简单介绍
2017-07-04 本文已影响0人
井皮皮
一、什么是vue？我们用vue的目的是什么？
vue 是一套构建用户界面的渐进式框架。
vue只关注视图层， 采用自底向上增量开发的设计。
vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件
二、vue的模板语法是什么？
vue 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 vue 实例的数据。
vue 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。
结合响应系统，在应用状态改变时， vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。
三、差值的方法
1.通过{{}}来差值
2.通过v-html来差值
四、
v-model：数据双向绑定
v-for：用于遍历
v-bind：绑定样式
五、添加事件
1.@click = “事件名”
2.v-on:click="事件名"
当我们使用vue时应先实例化vue：
let vue = new Vue({
el:"获取元素"，
data:{
msg:"数据"
}，
methods：{ //添加方法
aaa(){
}
}
})
