Vue复习杂记

1.mvc和mvvm的区别

mvc model view controller
mvvm model view viewmodel

vw的实现原理
view model内置一个观察者，这个观察者观察两个维度
1.观察视图的变化，当视图变了 就通知数据进行变化
2.观察数据的变化，当数据变了 就通知视图进行变化
mvvm通过Vm实现双向数据绑定

2.为啥要使用vue.js
1.轻量级，体积较小
2.易上手，文档全
3.开源，社区活跃度高
4.移动优先，更适合移动端

2.内置event

<template>
   <div>
 <input type="text" @click="cl" value="我是input内容"/>
   </div>
</template>
<script>
export default {
  data(){
    return{
      
             
    }}
    ,methods:{
       cl(event){
         console.log(event.target.value)
       }
    }
}
</script>

通过event内置可以获取到Input的内容，在响应函数里，可以指明使用event内置的参数对象，该对象表示当前事件，可以通过event.target.value来获取当前对象的value的值

3.v-bind

 我们知道差值表达式是不能写在HTML的标签的属性内的，那如果一定要用vue中的属性作为html标签属性的内容，就可以通过V-bind进行属性绑定

4.compyted计算属性

computed里虽然存放的是函数，但是咋调用时候，computed里的东西是一个属性，所以我们在调用时不能使用（）,因为()是调用函数而不是调用属性