vue
's direct dependencies. Data on all dependencies, including transitive ones, is available via CSV download.Name | Version | Size | License | Type | Vulnerabilities |
---|---|---|---|---|---|
@vue/compiler-dom | 3.3.4 | 161.86 kB | MIT | prod | |
@vue/compiler-sfc | 3.3.4 | 483.77 kB | MIT | prod | |
@vue/runtime-dom | 3.3.4 | 245.51 kB | MIT | prod | |
@vue/server-renderer | 3.3.4 | 91.91 kB | MIT | prod | |
@vue/shared | 3.3.4 | 12.36 kB | MIT | prod |
Vue.js is a progressive JavaScript framework that is highly efficient in building modern web user interfaces. It's easy to integrate into projects and it's capable of powering sophisticated Single-Page Applications when used in combination with modern tooling and supporting libraries.
Usage of Vue.js is rather straightforward and beginner-friendly. It can be used via a CDN directly in the browser using a script tag, and it's also compatible with ES modules. For a production build, a .prod.js
file is recommended which is pre-minified. A basic example of its usage is as follows:
<script src="https://unpkg.com/vue@next"></script>
<div id="app">
{{ message }}
</div>
<script>
const App = {
data() {
return {
message: 'Hello Vue!'
}
}
}
Vue.createApp(App).mount('#app')
</script>
For applications with a build step, vue should be installed via NPM or Yarn. A bundler like webpack, rollup or parcel can be used, and templates should be pre-compiled. Here is how you could use it in a node.js environment:
// main.js
import { createApp } from 'vue'
import App from './App.vue'
createApp(App).mount('#app')
<!-- App.vue -->
<template>
<div>{{ message }}</div>
</template>
<script>
export default {
data() {
return {
message: 'Hello Vue!'
}
}
}
</script>
For learning more about working with Vue.js, the official vue.js documentation is a comprehensive resource and it contains everything you need to know to get started and master vue.js. You can access it by visiting https://v3.vuejs.org/. It includes a detailed guide, API references, style guide, examples, and community resources. Just head to the link and you'll be on your way to becoming proficient with vue.js in no time.