Vue学习

Vue学习

Vue官方网站

英文官网：https://vuejs.org
中文官网：https://cn.vuejs.org

优点

1. 20kB min+gzip 运行大小、超快虚拟 DOM、最省心的优化
2. 双向数据绑定：不需要操作dom，更关注业务逻辑

Vue应用

数据双向绑定

<div id="app">
  {{ message }}<!-- 数据双向绑定 -->
</div>

var app = new Vue({
  el: '#app',//css3选择器，即要渲染的范围
  data: { //数据赋值
    message: 'Hello Vue!'
  }
})

数据绑定指令

<div id="app">
	<a v-bind:href="site"></a>
<div>

var app = new Vue({
  el: '#app',//css3选择器，即要渲染的范围
  data: { //数据赋值
    site: 'Hello Vue!'
  }
})

总结：与双向绑定只能用在文本中，不能使用在标签里，这时使用“v-bind:+{标签属性}”，简写为“:+{标签属性}”

–86