Vue是一款非常流行的JavaScript框架，但是在使用Vue時我們需要引入相關依賴包，大多數人都是使用npm命令行安裝依賴包，但這并不是唯一的方法，我們還可以使用非npm的方式引入Vue。
在非npm的情況下，我們需要去官網下載Vue.js文件，或者直接使用CDN資源引入Vue.js文件。我們可以在HTML文件的body中使用script標簽引入Vue.js。
<!--下載Vue.js文件-->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
<!--或者使用CDN資源-->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script>引入Vue.js文件之后，我們可以在HTML代碼中使用Vue的相關功能。在使用Vue時，我們通常會使用Vue.component方法來注冊組件。下面是一個非npm方式引入Vue組件的實例：
<body>
<!--引入Vue.js-->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
<!--注冊組件-->
<script>
Vue.component('hello-world', {
template: '<div>Hello World!</div>'
});
new Vue({
el: '#app',
});
</script>
<div id="app">
<!--使用組件-->
<hello-world></hello-world>
</div>
</body>在上面的例子中，我們使用Vue.component方法注冊了一個名為"hello-world"的組件，在HTML代碼中使用該組件時只需使用<hello-world></hello-world>即可。
需要注意的是，在使用非npm方式引入Vue時，我們需要手動處理Vue的依賴關系。如果我們需要使用Vue的某個插件，我們需要手動下載該插件的文件，并在項目中引入。
總的來說，使用非npm的方式引入Vue可能會比較麻煩，但是對于一些輕量級項目而言，這可能是一個不錯的選擇。同時，對于一些新手來說，使用非npm方式可能更容易理解Vue的整個生態。