利用浏览器控制台展示实例内容
“$” 符号开始的变量都是vue实例属性或者方法。
Vue 实例的生命周期钩子
生命周期函数就是 vue 实例在某一个时间点会自动执行的函数。
生命周期图示
使用生命周期函数
beforeUpdate & updated 生命周期
生命周期函数并不放在 methods 函数中。
Vue 的模板语法
{{name+' 同志'}}
计算属性,方法和侦听器
计算属性 computed
{{fullName}}
{{age}}
计算方法 methods
{{ fullName() }}
{{age}}
侦听器 watch
{{ fullName }}
{{age}}
计算属性的setter和getter
{{fullName}}
Vue中的样式绑定
点击标签(div),实现标签内数据颜色变红,再次点击变回原色。
方式一 class的对象绑定
:class=“{activated: isActivated}”
hello world
方法二
hello world
方式三
hello world
Vue 中的条件渲染
用户名:
邮箱名:
Vue中的列表渲染
{{item}} ------ {{index}}
总结
技术学到手后,就要开始准备面试了,找工作的时候一定要好好准备简历,毕竟简历是找工作的敲门砖,还有就是要多做面试题,复习巩固。
atible" content=“ie=edge”>
用户名:
邮箱名:
Vue中的列表渲染
{{item}} ------ {{index}}
总结
技术学到手后,就要开始准备面试了,找工作的时候一定要好好准备简历,毕竟简历是找工作的敲门砖,还有就是要多做面试题,复习巩固。