# vuejs

2 min read, 322 words vuejs vue

Quiet small 20kb gzip at runtime
vue3 only import the parts you need
- other parts would be removed by treeshaking
Rewrite of DOM diffing algorithm, harnessing compiler based optimizations
Composition API - new alternative syntax
Multi root components
teleport

# vue 2 limitations

less redable less maintainable
- call usualy js functions aka composition functions into setup()
Code reuse
- mixins
  - property name conflicts
- mixin Factory
  - using namespace
- scoped slots

// start writing new composition API syntax
setup() {
  return {
    ...userSearch(), ...userSorting()
  }
}
function userSearch () {
  ...
}
function userSorting () {
  ...
}

# Vue 2

Directly use it from CDN, then add js insode <script> tags
Moustache template syntax only looks for variables defiend vue data property
you can have multiple instances of VUE object on page to do multiple seperate things.
- app.todo.push({ text: 'new item' })

# Enterprise App

is a timer app classify as enterprise app?
Is a apple watch app a enterprise app?
At what time an app becomes an enterprise app?

Code is like comedy, the more you have to explain it, less funny it is.

milestones in web technologies

# Questions

How to use it in your webpages?
- bundle it along with your web-app using webpack
- directly get it from CDN ot JSdeliver
Why need/use it? Isnt plain js enough?
- built-in reactivity
- templating engine
How to Directly manupulate vue data from devtool console?
How to access vue instance from console? (opens new window)

# Issues

# Resources

Angular | react | vuejs google trend data (opens new window)
https://github.com/krausest/js-framework-benchmark (opens new window)
In which condition do you become available eto life process?