Vue训练
郭旭升 Lv6

一周训练计划

第一天:

学习Vue.js的基本概念和核心概念,包括指令、计算属性、组件、生命周期等。

安装Vue.js,并使用Vue.js创建一个简单的Hello World项目。

第二天:

学习Vue.js的组件化开发思想,包括组件的定义、使用、通信和复用等。

实践一个简单的组件开发案例,并掌握Vue.js组件之间的通信方式。

第三天:

学习Vue.js的路由管理功能,包括路由的定义、使用和参数传递等。

实践一个简单的路由管理案例,并掌握Vue.js路由之间的参数传递。

第四天:

学习Vue.js的状态管理功能,包括状态的定义、使用和数据更新等。

实践一个简单的状态管理案例,并掌握Vue.js状态更新的基本操作。

第五天:

学习Vue.js的表单操作功能,包括表单的定义、验证和提交等。

实践一个简单的表单操作案例,并掌握Vue.js表单验证和提交的基本操作。

第六天:

学习Vue.js的动画效果功能,包括动画的定义、使用和过渡效果等。

实践一个简单的动画效果案例,并掌握Vue.js动画效果的基本操作。

第七天:

学习Vue.js的打包和部署功能,包括打包和部署的命令和方法等。

实践将自己的Vue.js项目打包和部署到线上服务器上。

以上是一个简单的一周学习计划,可以帮助新入门的Vue学习者快速了解和掌握Vue.js的基本概念和应用,达到独立开发的能力。

学习路径(输入 - 输出)

  • 目前做过
  1. JavaScript 跟着文档学习了基本语法,部分特性, 基本能读懂,需要依赖文档来写代码。(输入)
  2. Vue.js 跟着官网文档 学习了基本语法特性等,能读懂,能自己简单写,实现一些特性如组件传值等需要依赖文档。(输入)
  3. 尝试用Vue.js做图片上传的前端,虽然基本样子实现了,但是样式很乱,整个项目的文件架构也不知道要怎么组织,所以觉得需要看书或者跟着视频或文档学一个做项目。(输出)
  4. 跟着文档做了一个完整的项目,学习开发流程,系统架构等。(输入)
    做了一个TODOlist,主要是写组件,然后把组件集成起来。把学习到的新的记录在之后的总结文档中。
  • 接下来
  1. 找本书看看,技术架构、特性和生态。JavaScript - Vue.js(输入)
  2. 写文档总结一下自己的学习过程,输出过程中遇到的问题和困难,解决的方法,找到的资源。(输出)

已经掌握的知识

收获

  • 集成组件开发了一个小的应用。
  • 学习了一些特性,一个组件是一个对象,可以有data、method、mounted等。
  • 组件之间的传值、事件触发。
  • 具备写出来一个简单应用的能力了(过程要看文档,因为还不熟)。

想回头再学学JS和TS。

问题

 Comments