Question

我使用vue，并使用cdn链接并像这样使用组件。

Vue.component('forward-button', {
  template: `
		<button type=button class="btn btn-default" @click="goURL">{{this.title}}</button>
	`,
  props: ['url', 'title'],
  methods: {
    goURL: function() {
      console.log(this.url);
      window.open(this.url);
    }
  }
});
new Vue({
  el: '#app',
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

<div id='app'>
  <forward-button title="google" url="#"></forward-button>
</div>

如何将其设置为单个文件组件？不想在HTML

中使用样式

Answer 1

You can't use Single File Components when using vue through a cdn link.

您可以使用导入到HTML文件<head>中的CSS文件，就像常规网站一样。

vue组件的CSS样式设置过程

1 个答案: