Vue.js is an open-source model–view–viewmodel front end JavaScript framework for building user interfaces and single-page applications. It was created by Evan You, and is maintained by him and the rest of the active core team members.
- Install NPM & Node.js: Download installer here.
- Install Typescript: npm install -g typescript
- Install Vue CLI: npm install -g @vue/cli
- Vetur
- Vue Snippets
- TSLint
- Typescript
vue add typescript
- Vue 3 (currently in separate release)
vue add vue-next
Component definitions have changed and we will need to change the default App.vue and HelloWord.vue files accordingly:
In HelloWorld.vue:
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
name: 'HelloWorld',
props: {
msg: {
type: String,
required: false,
},
},
});
</script>
In App.vue:
<script lang="ts">
import { defineComponent } from 'vue';
import HelloWorld from '@/components/HelloWorld.vue'
export default defineComponent({
name: 'App',
components: {
HelloWorld
},
});
</script>
- Property Decorator
npm install vue-property-decorator
- Vuetify
vue add vuetify
- Notifications
npm install vue-notification
In main.js:
import Notifications from 'vue-notification'
Vue.use(Notifications)
Navigate to the project folder and use following command:
npm install
Navigate to the desired folder and use following command:
vue create
npm run serve
npm run build
npm run lint
{{ }}
@event
:property
v-model
v-if
v-show
v-for
date()
methods
- beforeCreate
- created
- beforeMount
- mounted
- beforeUpdate
- updated
- beforeDestroy
- destroyed
computed
watch
filter