vue和nuxt项目引入多个script

因为vue是单页面，一个页面只能拥有一个script标签。不过我们可以使用引入组件的方式引入多个script。通过components引入组件，把script内容写在组件的script标签中，达到使用多个script标签的目的！<tutorial></tutorial><script>import tutorial from '../components/Tut

可爱小仙子

2773人浏览 · 2021-12-11 11:57:49

可爱小仙子 · 2021-12-11 11:57:49 发布

因为vue是单页面，一个页面只能拥有一个script标签。

不过我们可以使用引入组件的方式引入多个script。

通过components引入组件，把script内容写在组件的script标签中，达到使用多个script标签的目的！

   <tutorial></tutorial>

<script>
import tutorial from '../components/Tutorial.vue'
export default {
  components:{
    tutorial:tutorial
  }
}

完成！

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^