vue学习笔记之基础篇
Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的
渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的
数据绑定和
组合的视图组件。
Vue.js借鉴了Angular以及React的一些核心思想，综合各自的长处进行了操作以及性能等方面的优化，进而打造出一款性能更优，学习更容易的
MVVM框架。
它的作者是：
尤雨溪
vue对比angular
1、vue在设计之初参考了很多angularjs的思想
2、vue相对比与angular比较简单
3、 vue相对比与angular比较小巧，运行速度快
4、 vue与angular数据绑定都可以用｛｛｝｝
5、vue指令用v－xxx angularjs用ng－xxx
6、vue数据放在data对象里面，angular数据绑定到$scope对象上
vue对比react
1、vue与react都使用 virtual DOM
2、vue与react都提供了组件化的视图组件
3、 vue与react将注意力集中保持在核心库，有丰富的插件库
4、react使用jsx渲染页面，vue使用更简单的模版
5、vue比react运行速度更快
每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例 启动的
Var vm=new Vue({})
基础属性：
el:获取执行vue的dom元素－初始化范围
data ： 存储数据
methods ：执行的方法
1)绑定数据
{{}} 或者
v-text=“” 只能绑定纯文本
绑定
html angular中 ng-bind-html vue中 v-html
表达式 在{{}}中 +-*/ 直接可用 三木运算一样可用
Vue.js 的核心
是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统：
html:
<div id="app">
{{ message }}
</div>
js:
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
现在数据和 DOM 已经被绑定在一起，所有的元素都是
响应式的。
v-指令介绍：
v-bind:绑定（比如时间动态的绑定，样式的修改等等）
：id 绑定属性可直接
：
v-for:循环
v-if和v-else-if和v-else:中间不能写其他测试文本，否则会报错
v-on： 指令绑定一个事件监听器，通过它调用我们 Vue 实例中定义的方法
v-model:它能轻松实现表单输入和应用状态之间的双向绑定（可用于处理用户输入，比如对input的value值实时监听）
v-once:V-once 一次渲染,不会二次渲染，提升优化
methods:钩子函数，用于事件
computed:计算属性
监听：
第一种写法
vm.$watch(‘’,function( newvalue,oldvalue){ })
第二种写法 直接在vue初始化中通过
watch｛msg:function(newvalue,oldvalue){}｝
过滤器：
Vue.filter(‘过滤器名字’,function(value){
return //具体操作
})
阻止冒泡：
1.直接在事件后＋.stop
2.传值（$event）
tap(e){
e.cancelBubble=true;
console.log('ziyuansu')
}
键盘事件：
<input @keydown.32="tap($event)">
tap(e){
console.log('你按下了空格键')
console.log(keyCode)
//获取键盘码，在.32没有定义时使用
}