vue培训记录

curlyCheng 发布于2019-08-23 16:27 / 1327人阅读

在公司做了一次vue相关的培训，自己整理了一些大纲。供大家参考学习！
当然优先要先看官方文档

1. 项目构成及原理 Vue

主流框架见解及差别

react ALL IN JS 灵活

angular 架构清晰层级多重

vue 类似react并吸收了angular的一些优点

Node运行在服务端的JS

谷歌V8引擎使JS语言能在服务器端运行

Webpack—一个前端的打包工具

模块化拆分js

使开发环境的代码能被浏览器编译

Vue单页spa框架

实则是一个html

没有刷新页面过渡可编译

Vue核心思想

以数据驱动视图，尽量少用直接对DOM的操作

一切都是模块组件

单向数据流

Vue-cli脚手架工具去年出的3.0

以更好的项目架构去搭建vue项目

打包创建一些需要的依赖

Vue项目创建

Vue的项目构成

Vue的一些常用es6 ECMAScript 6 入门

var => let const

箭头函数 this指向

异步（promise）回调地狱

数组及解构赋值

2. Vue路由 Vue Router

路由的作用及工作原理

以路径为键做模块加载

路由的两种模式：hash history

基础路由的配置

路由全局守卫beforeEach、beforeResolve 、afterEach、beforeEnter

组件内路由守卫beforeRouteEnter、beforeRouteUpdate 、beforeRouteLeave

动态路由配置this.$router.addRoutes 只能添加顶级路由

keep-alive activated deactivated

3. 模板语法

v-if、v-for、v-show

dom指令 v-if v-for

视图 v-show

巧用三元运算

方法绑定 "@"、"v-on"

修饰符

数据绑定 ":"、"v-bind"、"v-model"

4. Vue实例对象

实例this

vue函数对象

this指向当前函数对象

方法对象methods

所有调用的方法集

数据对象data

数据驱动视图的核心

只当create的时候赋值一次

计算属性computed 性能优势

利用缓存计算

不能直接修改

过滤器filter 注意this

对字符串进行加工处理

过滤器中取不到this

数据监听watch 慎用深度监听

对数据进行监听做相应动作

深度监听影响性能

生命周期 beforecreated、created、beforeMount、mounted、beforeUpdate、updated、beforeDestory、destoryed

常用created 获取数据，不触发updated，不造成页面2次渲染

常用mounted 操作dom，触发update，造成页面2次渲染

5. 组件

组件引用书写 "components"

组件传参 props 传方法@

修饰符sync语法糖

v-model语法糖

父子组件交互 $emit $refs

子组件通过$emit触发父组件传入的方法，并传入参数

父组件通过在子组件添加ref,在方法中用$refs来拿子组件中的参数或调取子组件方法

6. 状态管理 VueX

VueX是什么，为什么要使用VueX

VueX的使用mutations、Action

7. Ajax请求

AXIOS的封装及使用

GPU云服务器云服务器 Vue_Vue Vue vue3 学习笔记 (五)——vue3 _vue

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/103045.html

我转行前端花了11个月

摘要：本，工业设计硕，设计学有点点编程基础，有自己从头搭建的网站在上家公司也是主要靠写程序吃饭裸辞前攒了一个半月工资。没想到从我裸辞，到入职下家公司，足足经历了个月之久。个月都干啥了本人从裸辞到入职下家公司，共个月。当你看到这行文字时，我假设你是一个准备转行前端，或者正在转行前端的人。我刚花了11个月转行前端。和你聊聊我的故事吧。转行花了多久？11个月准备转行前端时，我看了很多过来人写...

Vultr 2019-08-26 13:28 评论0 收藏0
面试小结--前端面试的几个雷点

摘要：前言得益于金三银四，在最近一段时间，面试了一些人，但是符合的寥寥无几。看到我的面试题自己写的面试题，自己想的答案。听人说过一个面试套路面试官问的问题，可能面试官自己都不懂，目的只是为了压工资，挫士气。不过我是为了测试面试者是不是真的精通。技术在不断的创新，随着框架，库，构建工具，打包工具，版本控制工具等操作越来越方便，使用越来越简单。面对这样的情况，除了兴奋，也要警惕。这些工具使得开...

idealcn 2019-08-22 16:07 评论0 收藏0
太原，这是我曾经和现在居住的城市，记录一个前端仔的三年。

摘要：年，我离开了工作一年的杭州。火车站，是进入一个城市的入口。对于常年混迹于太原前端圈的我，发现最近两年太原招聘市场的一个发展趋势是，前端开发已经和一样，成为公司招聘的标配。后记太原并不大，也不繁华，但她是我生活的城市，我很热爱她。 showImg(https://segmentfault.com/img/bVZHg4?w=1000&h=565); 前言这篇文章写给准备踏入互联网的萌新，...

tomlingtm 2019-08-21 17:54 评论0 收藏0
讲讲自己前端培训的亲身经历，给想去IT培训的人一些建议

摘要：看到网上各种说达内怎么怎么滴，我以自己亲身经历来讲讲我在达内的这段经历吧。事先申明，中国很多城市都有达内，每个城市很可能不只一个达内培训区，并且达内每一培训期的情况可能不一样。我只讲我培训时所在的达内培训区。这些就是在达内个月基本的生活了。看到知乎上很多说培训班出来的人咋个了，甚至还有人说培训3个月怎么能和大学四年如一日努力学习的人相比。想着我也是培训出来的，那么就我自身经历说一说吧...

chunquedong 2019-08-26 11:38 评论0 收藏1