vue学习笔记整理

文章目录

  • 一、前端核心分析
    • 1.1、概述
    • 1.2、前端三要素
    • 1.3、结构层(HTML)
    • 1.4、表现层(CSS)
    • 1.5、行为层(JavaScript)
  • 二、前端发展史
    • 2.1、UI框架
    • 2.2、JavaScript构建工具
    • 2.3、三端同一
    • 2.4、后端技术
    • 2.5、主流前端框架
  • 三、了解前后分离的演变史
    • 3.1、后端为主的MVC时代
    • 3.2、基于AJAX带来的SPA时代
    • 3.3、前端为主的MV*时代
    • 3.4、Node JS带来的全栈时代
    • 3.5、总结
  • 四、第一个Vue程序
    • 4.1、什么是MVVM
    • 4.2、为什么要使用MVVM
    • 4.3、Vue
    • 4.4、第一个Vue程序
  • 五、基础语法指令
    • 4.1、v-bind
    • 4.2、v-if, v-else
    • 4.3、v-for
    • 4.4、v-on
  • 六、表单双绑、组件
    • 6.1、什么是双向数据绑定
    • 6.2、在表单中使用双向数据绑定
    • 6.3、什么是组件
  • 七、Axios异步通信
    • 7.1、什么是Axios
    • 7.2、为什么要使用Axios
    • 7.3、第一个Axios应用程序
    • 7.4、Vue的生命周期
  • 八、计算属性、内容分发、自定义事件
    • 1、什么是计算属性
    • 8.2、内容分发
    • 8.3、自定义事件
    • 8.4、Vue入门小结
  • 九、第一个vue-cli项目
    • 9.1、什么是vue-cli
    • 9.2、需要的环境
  • -g 就是全局安装
  • 或使用如下语句解决npm速度慢的问题
    • 9.3、第一个vue-cli应用程序
  • 十、webpack使用
    • 10.1、什么是Webpack
    • 10.2、模块化的演进
    • 10.3、安装Webpack
    • 10.4、使用webpack
  • 十一、vue-router路由
    • 11.1、说明
    • 11.2、安装
    • 11.3、测试
  • 十二、实战快速上手
    • 12.1、创建工程
    • 12.2、创建登录页面

想要成为真正的“互联网Java全栈工程师”还有很长的一段路要走,其中前端是绕不开的一门必修课。本阶段课程的主要目的就是带领Java后台程序员认识前端、了解前端、掌握前端,为实现成为“互联网Java全栈工程师”再向前迈进一步。

一、前端核心分析

1.1、概述

Soc原则:关注点分离原则

Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。

HTML + CSS + JS : 视图 : 给用户看,刷新后台给的数据

网络通信 : axios

页面跳转 : vue-router

状态管理:vuex

Vue-UI : ICE , Element UI

1.2、前端三要素

  • HTML(结构):超文本标记语言(Hyper Text Markup Language),决定网页的结构和内容
  • CSS(表现):层叠样式表(Cascading Style Sheets),设定网页的表现样式。
  • JavaScript(行为):是一种弱类型脚本语言,其源码不需经过编译&

你可能感兴趣的:(计算机基础,个人笔记,vue.js,学习,前端)