Create a Web Link Preview with VueJS Components

提供方
Coursera Project Network
在此指导项目中,您将:

The fundamentals of VueJS components

Create a reusable VueJS component

Communications between components and parent

Clock1.5 hours
Intermediate中级
Cloud无需下载
Video分屏视频
Comment Dots英语(English)
Laptop仅限桌面

One of the strengths of VueJS is the being able to leverage numerous third party reusable components. In this project, you will learn how to create a reusable VueJS component yourself and take a more object oriented development approach. Basic HTML, DOM, JavaScript, and VueJS required as prerequisites. If you are new to VueJS, completing my other guided project “Write a University Index Web App with VueJS” is highly recommended.

您要培养的技能

  • Computer Programming
  • JavaScript
  • vuejs
  • Web Development

分步进行学习

在与您的工作区一起在分屏中播放的视频中,您的授课教师将指导您完成每个步骤:

  1. Introduction and preview

  2. Dive in and create a basic VueJS component that looks like the embedded solution

  3. Pass data into components as props

  4. Move the generation logics to the new component and add a watcher to trigger it

  5. Use component to parent communication to hide the text web link when the preview is done

  6. Remove the old code and see how much nicer it is

指导项目工作原理

您的工作空间就是浏览器中的云桌面,无需下载

在分屏视频中,您的授课教师会为您提供分步指导

常见问题

常见问题

还有其他问题吗?请访问 学生帮助中心