Join Michael Sullivan for an in-depth discussion in this video Thinking declaratively with data binding, part of Learning Vue.js.
- [Instructor] Continuing where we left off…in the last video,…we'll now add a property key…to our data object.…And its value will be a string that's an email address.…Let's imagine that we wanna make the value…of our email data property appear in this input field…when the page loads.…Based on what we've seen so far,…it would be logical to assume that you could…achieve this with a value attribute…and the name of our property in curly braces.…
Like this.…In earlier versions of Vue, this would have worked.…But it often caused confusing bugs…where the browser would try to process attributes…before Vue had a chance to interpolate them.…Even when it did work, it sometimes led…to a distracting effect where you could see…the curly braces flash briefly before…your script was executed.…Or even worse, they would just stay there like this…if the script encountered a fatal error.…As a result, this is no longer allowed,…and the only time you wanna use double curly braces…is when working with inner text.…
For example, between these label tags…
- Adding Vue to a webpage
- Thinking declaratively with data binding
- Methods and event handling
- Adding dynamic style and class attributes
- Using CSS transitions and animations
- Using Vue components
- Vue CLI
Skill Level Intermediate
Web Programming Foundationswith Morten Rand-Hendriksen58m 44s Beginner
What you should know1m 29s
1. The Simplest Form
2. Essential Directives, Options, and Tools
3. Enhancing User Interfaces
4. Vue Components
Next steps2m 32s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.