最近在写MVC的后台,看到全是jq
的写法,但是对于用惯了vue
的我,真是让我无从下手。。。
vue的双向绑定真的很好用。。。
为了能够在cdn
引入的项目中嵌入vue
组件,则可以使用http-vue-loader
了
步骤1:下载http-vue-loader.js或查找线上地址
http-vue-loader是一个Vue加载器,它允许我们在浏览器中直接加载和解析Vue单文件组件。其主要原理是通过解析Vue组件的模板、脚本和样式,并将其转换为一个可以在浏览器中运行的JavaScript模块。
<script src="https://unpkg.com/http-vue-loader"></script>
步骤2:要使用http-vue-loader,首先需要将其引入到项目中。可以通过在HTML文件中添加以下标签来引入http-vue-loader
接下来,我们可以在JavaScript代码中使用http-vue-loader来加载和解析Vue单文件组件。
例如,我们可以使用以下代码来加载一个名为MyComponent的Vue组件:
Vue.component('my-component', httpVueLoader('MyComponent.vue'));
比如我实际的文件如下:
<script>
var vue = new Vue({
el: '#welcomeId',
components: {
'inc_default_search': httpVueLoader('/Scripts/vue/views/inc_default_search.js'),
},
})
inc_default_search.js
中的内容就是:template
script
style
三部分组成的,跟.vue
的文件一模一样