A Full Day of Vue.js
Day 2 - Extras
Vue 3.0?!
When ? | What ? | Where ?
Blog
Slides
Vue 2.0 came out almost exactly two years ago
Vue 3.0 is currently in the prototyping phase
There will be some breaking changes but
"Everything except render function API and scoped-slots syntax will either remain the same or can be made 2.x compatible via a compatibility build."
Written from the ground up with TypeScript!
Proxy Based observation for Array mutations!
Class Based Components are first class citizens!
interface HelloProps {
text: string
}
class Hello extends Component<HelloProps> {
count = 0
render() {
return <div>
{this.count}
{this.$props.text}
</div>
}
}Example from Evan Y.'s Vue 3.0 Updates
Exposed reactivity API
import { observable, effect } from 'vue'
const state = observable({
count: 0
})
effect(() => {
console.log(`count is: ${state.count}`)
}) // count is: 0
state.count++ // count is: 1Example from Evan Y.'s Vue 3.0 Updates
A separate build will be available for IE11 support!
Template syntax will remain 99% the same!
"The part that will receive the most changes is the Virtual DOM format used in render functions. Particularly the native JavaScript way of doing so."
errr...... so when?
Sometime in 2019... probably closer to end of year
Public feedback should be open in the next coming month (?)!!
Blog
Slides
Thank you!!
Resources
Code Samples | Codepen & CodeSandbox Links
for this workshop
