vue基础学习小笔记

1.实例化一个Vue对象实例的写法：

const v=new vue({
    el:'#id值',
    <!-- 数据区 -->
    data:{
    message:'',
}
})

2.条件语句：v-if：‘data里面的一个属性名的值，一般是true/false逻辑值’
3.计算属性：methods和computed，前者不依赖缓存，后者依赖缓存
4.监听on-click和@click
5.样式绑定b-bind：（简写成：）,指令语法
6.表单v-model双向绑定
7.注册一个全局组件语法格式如下：Vue.component(tagName, options)。tagName 为组件名，options 为配置选项。
8.vue模板语法有两大类：
（1）插值语法：{{js表达式}}
（2）指令语法v-？？？：“js表达式”
9.v-bind是单向数据绑定，vue中的data可以去影响容器，但是反过来不行
10.v-model是双向数据绑定，但是v-model只能用在表单元素上，v-model是影响元素的value，默认收集value值
11.v.$mount(‘#id值’)挂载，是el的另一种写法，优点是更加灵活
12.vue所管理的函数一定不要写成箭头函数，因为如果写成了箭头函数，this指向的就不是当前的Vue实例化对象
13.MVVM模型
14.Object.defineProperty()方法Object.defineProperty(Object,key,{配置项})，用使用这个方法添加的键值对不可以枚举，不可以被更改，不可以被删除。是否枚举是靠enumberable来控制，是否可以被更改是靠writable来控制，是否可以被删除靠configurable来控制。都是布尔值。getter(),当有人读取（修改）Object的key属性时，getter（setter）就会被调用，且返回值就是key的值
15.mounted()挂载完毕：Vue完成模板的解析并把初始值的真实DOM元素放入页面后调用mounted。第一次把元素放入页面叫做挂载，后面的叫做更新
16.生命周期函数，在整个vm工作过程中特殊时间段调用的函数。生命周期函数函数的this指向的是vue实例对象vue