VUE


  • Create a project
    • vue create nameOftheProject
  • Run the server
    • make sure to cd and run npm run serve
  • To add a plugin and use vuetify:
    • vue add pluginName



Two ways to access VUE: 
1) CDN
2) Script tag and link via your project. 
3) NPM - npm install vue 
4) VUE cli 



Vue uses components. 

state management and props can be implemented. 

Anatomy of component:
  • Output 
    • template
  • Functionality
    • script
  • Style
    • style
Most professional uses cli with version 3 that includes many useful tools like: babel, typescript, eslint and etc. 


State: 
  • each component owns its props and states. 
  • vuex is used for state management for larger projects. 

  • Install vue cli: 
    • make sure to install vue extension tools. 
    • globally install: 
      • npm install -g @vue /cli
  • To start project: 
    • vue create projectName
    • npm run serve
    • start vue UI version: 
      • vue ui
    • vuter extension as snippet 














Comments