学习vue的第一天（vue2）

<div id="box">
{{name}}
</div>//这个无法显示，是一个变量，必须要定义后才能显示
<div id="box">
{{10+20}}
</div>//这个显示的结果是30
<div>
{{10+20}}
</div>//这个显示的结果是他本身，因为对他进行的操作是html自己，而不是vue

<script>
var vm = new Vue({
el:'#box'，
data:{
name:"xds"//这个状态是可以随便改变的，关键的目的是只需要找到状态就可以复制
可以在页面上直接进行修改，vm.name=“”修改值就可以
}
})//对id为box的进行vue操作，不然识别不了
</script>

2.一些原理vue2的

objiect.defineproperty(obj,"name",{
get(){
//查看访问
},
set(){
查看修改的
}
})
所以底层是通过object来进行拦截的
vue3的话是通过proxy进行拦截的，只是对ie浏览器不太友好罢了，但
如果是不支持的，只需要降低为object就可以了。

在script标签是可以全局进行访问的。

data:{
name:"xds"
}
//接下来是定义方法的，上面是定义数据的
methods:{
handle(){
....
}
}

如何将class变成js

:class=“wichclor”//这个就是将其变为js对象，也是在data里面复制的