JavaWeb——前端之JS&Vue

接上篇笔记

4. JavaScript

概念

• 跨平台、面向对象的脚本语言，使网页可交互
• 与Java语法类似，但是不需要变异，直接由浏览器解析
• 1995年Brendan Eich发明，1997年成为ECMA标准（ECMA制定了标准化的脚本程序设计语言ECMAScript，JavaScript是遵守ECMAScript标准的）
• JS中可以识别HTML标签

1）引入方式

内部脚本：将JS代码定义在HTML页面中

• JS代码位于标签之间
• 在HTML文档中，可以在任意地方，放任意数量的

  数据模型： 在JS代码区域，创建Vue核心对象，定义数据模型

  视图模型：在body里面写的

  ​

  ​ {{ message }} // 插值模型，里面的内容可以是变量、三元运算符、函数调用、算数运算

  常用指令： HTML标签上带有v-前缀的特殊属性，不同指令有不同的含义

  

  v-bind和v-model绑定的变量，必须要在数据模型中声明

  Vue的生命周期： 指一个对象从创建到销毁的整个过程。每出发一个生命周期事件，会自动执行一个生命周期方法（钩子）

  

  • beforeCreate：Vue实例创建初期
  • created：Vue实例初始化
  • beforeMount：创建 vm.$el，并用其替换el之前
  • mounted：创建 vm.$el，并用其替换el之后——发送异步请求到后端获取数据
  • 挂载完毕
  • beforeUpdate：当data被修改时
  • updated：虚拟DOM重新渲染并应用更新之后
  • beforeDestory：当调用vm.$destroy()函数时
  • 解除绑定，销毁子组件以及事件监听器
  • destroyed：销毁完毕