VUE加载顺序与各种函数

在页面首次加载执行顺序有如下:

beforeCreate //在实例初始化之后、创建之前执行
created //实例创建后执行
beforeMounted //在挂载开始之前调用
filters //挂载前加载过滤器
computed //计算属性
directives-bind //只调用一次,在指令第一次绑定到元素时调用
directives-inserted //被绑定元素插入父节点时调用
activated //keek-alive组件被激活时调用,则在keep-alive包裹的嵌套的子组件中触发
mounted //挂载完成后调用

beforeCreate:最好不要改动data里的数据,否则可能会出现无法监听的情况,模板中需要使用data进行渲染时,先给data默认的初始值,created之后再进行更改(如ajax)改成需要的值。

{undefined{}} //mustache表达式渲染页面

修改页面input时,被自动调用的选项顺序如下:
watch //首先先监听到了改变事件
filters //过滤器没有添加在该input元素上,但是也被调用了
beforeUpdate //数据更新时调用,发生在虚拟dom打补丁前
directived-update //指令所在的组件的vNode更新时调用,但可能发生在其子vNode更新前
directives-componentUpdated//指令所在的组件的vNode及其子组件的vNode全部更新后调用
updated //组件dom已经更新

组件销毁时,执行顺序如下
beforeDestroy //实例销毁之前调用
directives-unbind //指令与元素解绑时调用,只调用一次
deactivated //keep-alive组件停用时调用
destroyed //实例销毁之后调用

箭头函数:

这是普通函数

function fn2(a, b) {

    return a + b

}

箭头函数(a,b)=>{return a+b;} 没有参数就写一个(),一个参数也可以省略(),他不能是构造函数,

他作用域中的this是他对象的父级;

render:

render(createElement){

return createElement('button',{},'内容/子项');

}

在学习vue时感觉狂神教的太浅了vue像是突然断更没学明白,然后到处搜补,决定把前段全重构了重新学习并且把java的知识点也都查漏补缺,最好能把java基础与jvm吃透吧,现在的学习计划就是html+css的快速过标签知道他干啥就行不然时间来不及后面也会忘布局重新强化学习把布局全部查漏补缺然后就是css知识点也看看不必要非常详细掌握够用就行后面用到再去看找,然后javascrpit基本的domBOm 和函数 再学习ES6  VUE我是放弃了
因为再去学习不值得有心理因素,想赶工而起大厂说是react那就冲react估计有2个月时间来弄.后面再进行java后端反正ssm框架暂时足够时间长了看一下以前自己的整合视频也能知道咋弄为什么,业务不需要关心springboot也会强化学习就暂时这样吧

你可能感兴趣的:(vue.js,javascript,前端)