Vue学习笔记

Vue学习笔记

vue的生命周期函数

初始化阶段
    beforeCreated
    created
    beforeMount
    mounted
更新阶段
    beforeUpdate
    update
死亡阶段
    beforeDetroy
    destroy

1.mustache语法在元素间使用，不能在元素标签内，比如 img src="C:\Users\ASUS\Desktop\寒假笔记\vue\{{address}}",要用v-bind 
2.vue是声明式编程，传统用id之类的是命令式编程
3.计算属性(computed)里面定义函数，但是函数一般都是属性，不是getXXX之类
4.计算属性多次调用会调用依次，有缓存，效率更高
5.methods中的函数多次调用会调用多次，没有缓存，效率低
6.计算属性对应的是一个对象{}，对象中包含set和get方法,使用计算属性时，本质是调用计算属性的get方法
7.计算属性一般不使用set方法，计算属性的默认写法是写它的get方法，计算属性是只读属性
8.js中的const必须赋值，而且赋值后不能修改
9.常量(const)的含义是指指向的对象不能修改，但是可以改变对象内部的属性
10.v-on中的click参数传递，第一个参数默认为event(例如鼠标事件)
11.v-if，当条件为false时，对应的元素直接不渲染
12.v-show，当条件为false时，对应的元素display为none
13.v-model双向绑定
14.组件不能访问实例中的data，组件中的data应为函数，防止不同组件污染数据
15.父组件通过props向子组件传递数据
16.子组件通过事件向父组件传递消息
17.后端路由阶段，各式代码杂糅，不便于维护和管理
18.前端路由的核心在于，改变url，但不进行刷新
19.url的hash本质是锚点，改变的是window.location.href属性，页面不进行刷新
20.promise用于处理异步问题，链式编程的一种，参数为一个箭头函数，箭头函数中包括resovle，reject
21.如果是成功的，那么通常会调用resolve(messsage)，这个时候，我们后续的then会被回调
22.如果是失败的，那么通常会调用reject(error)，这个时候，我们后续的catch会被回调
23.Vuex是状态管理工具，采用集中管理所有组件的状态
24.state用于存储状态，state  >>  actions  >>  mutation,mutation修改后传回state
25.mutation中定义方法