最近在写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的文件一模一样

更多推荐