Get started with nutui CDN
MIT licensed
Nutui is a lightweight, modular UI component library for Vue.js applications.
Tags:- nutui
- nutui2
- nutui3
- nutui4
- vue
- vue3
- webpack
- vue component
- vue3 component
- vite
- jdc
- jdcfe
Stable version
Copied!
How to start using nutui CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with nutui CDN - cdnhub.io</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/nutui@4.3.2/dist/nutui.css">
</head>
<body>
<div id="app">
<nut-button theme="primary" @click="handleClick">Click me</nut-button>
</div>
<script src="https://cdn.cdnhub.io/nutui/4.3.2/nutui.umd.js"></script>
<script>
const app = {
template: `
<div>
<nut-button theme="primary" @click="handleClick">Click me</nut-button>
</div>
`,
data() {
return {
count: 0,
};
},
methods: {
handleClick() {
this.count++;
console.log('Button clicked', this.count);
},
},
mounted() {
new Vue({
el: '#app',
render: h => h(this),
});
},
};
new Vue({
render: h => h(app),
}).$mount('#app');
</script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
All versions
2.3.14
2.3.15
2.3.16
2.3.17-beta.1
2.3.17-beta.2
3.3.8
3.3.8-beta.1
3.3.9-beta.1
4.0.1-2.beta-1
4.0.10
4.0.10-beta.1
4.0.11
4.0.12
4.0.12-beta.1
4.0.6
4.0.6-beta.2
4.0.6-beta.3
4.0.7
4.0.7-beta.2
4.0.8
4.0.8-beta.1
4.0.9
4.0.9-beta.1
4.0.9-beta.2
4.1.0
4.1.0-beta.1
4.1.0-beta.2
4.1.0-beta.3
4.1.0-beta.4
4.1.0-beta.5
4.1.0-beta.6
4.1.1
4.1.2
4.1.3
4.1.4
4.1.5
4.1.5-beta.1
4.1.5-beta.2
4.1.6
4.1.7
4.1.8-beta.1
4.2.0
4.2.1
4.2.2
4.2.2-beta.1
4.2.2-beta.2
4.2.2-beta.3
4.2.3
4.2.4
4.2.5
4.2.6
4.2.7
4.2.8
4.2.9
4.3.0
4.3.0-beta.1
4.3.0-beta.2
4.3.0-beta.3
4.3.0-beta.4
4.3.0-beta.5
4.3.0-beta.6
4.3.1
4.3.10
4.3.11
*** 4.3.12
4.3.2
4.3.3
4.3.4
4.3.5
4.3.6
4.3.7
4.3.8
4.3.9