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-08-27 05:34:17

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.