Vue 基础精讲

利用浏览器控制台展示实例内容

“$” 符号开始的变量都是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}}

总结

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。