20200409 Vue 视频学习【归档】

Vue 视频学习【归档】

学习历程

时间

开始时间:2020-3-20

结束时间:2020-4-9

背景

公司的前端技术采用了 Vue ,作为后端开发,不需要完全掌握 Vue 开发,但是平时调试时,如果前后端同时使用,会很方便。

Vue 作为前端三大框架之一,且作者是国人,有文档文档,方便学习。

作为开发,不应该局限于后端,对前端即使不掌握,也需要起码的了解。

学后感

老师讲解的很仔细,不仅包括 Vue 的相关知识,还学习到了 ES6 的一些语法以及其他相关知识。

学习中我跳过了项目相关的视频(118 - 122,147 - 231),以后如果需要复习或深入学习,再来回顾。

视频时间

2018-12

技术版本

  • 视频中的版本

    • Vue : v2.5.21
    • Vue Cli : 2、3
  • 当前最新版本
    • Vue : v2.6.11
    • Vue Cli : 4

思维导图

参考资料

原文地址:https://www.cnblogs.com/huangwenjie/p/12665847.html

时间: 2024-11-03 23:02:30

20200409 Vue 视频学习【归档】的相关文章

vue视频学习笔记

video 7 vue问题: 论坛 http://bbs.zhinengshe.com------------------------------------------------UI组件 别人提供好一堆东西 目的: 为了提高开发效率 功能 原则: 拿过来直接使用 vue-cli -> vue-loader //创建项目vue init webpack-simple bootstrap-demo //下载bootstrapbower install bootrap bootstrap: twi

vue视频学习笔记01

video 1 vue:读音: v-u-eview vue到底是什么?一个mvvm框架(库).和angular类似比较容易上手.小巧mvc:mvpmvvmmv*mvx官网:http://cn.vuejs.org/ 手册: http://cn.vuejs.org/api/ vue和angular区别?vue--简单.易学指令以 v-xxx一片html代码配合上json,在new出来vue实例个人维护项目 适合: 移动端项目,小巧 vue的发展势头很猛,github上start数量已经超越angul

vue视频学习笔记02

video 2 vue制作weibo交互 vue-> 1.0vue-resource ajax php服务器环境(node) this.$http.get()/post()/jsonp() this.$http({url:地址data:给后台提交数据,method:'get'/post/jsonpjsonp:'cb' //cbName});----------------------------------vue事件:@click=""数据: 添加一条留言: 获取某一页数据:ge

vue视频学习笔记03

video 3 git page:任何仓库 master分支,都可以发布(git page)-------------------------------------双向过滤器:Vue.filter(name,{read:write:});-------------------------------------1.02.0-------------------------------------引入 vue.js-------------------------------------bowe

vue视频学习笔记05

video 5 vue2.0:bower info vue http://vuejs.org/到了2.0以后,有哪些变化? 1. 在每个组件模板,不在支持片段代码组件中模板:之前:<template><h3>我是组件</h3><strong>我是加粗标签</strong></template>现在: 必须有根元素,包裹住所有的代码<template id="aaa"><div><h3&

vue视频学习笔记04

video 4 手动配置自己:webpack+vue-loader webpack加载模块-------------------------------------如何运行此项目?1. npm install 或者 cnpm install2. npm run dev-> package.json"scripts":{"dev":"webpack-dev-server --inline --hot --port 8082"} 以后下载模块:

vue视频学习笔记06

video 6 vue动画vue路由--------------------------------------transition 之前 属性<p transition="fade"></p> .fade-transition{}.fade-enter{}.fade-leave{}-------------------------------------- 到2.0以后 transition 组件 <transition name="fade&

vue视频学习笔记07

video 7 vue问题:论坛http://bbs.zhinengshe.com------------------------------------------------UI组件别人提供好一堆东西 目的: 为了提高开发效率功能 原则: 拿过来直接使用 vue-cli -> vue-loader //创建项目vue init webpack-simple bootstrap-demo //下载bootstrapbower install bootrap bootstrap:twitter

Vue.js学习笔记:在元素 和 template 中使用 v-if 指令

f 指令 语法比较简单,直接上代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <script src="https://cdn.bootcss.com/vue/2.2.