vue项目中单文件组件xx.vue文件太长，我们想分离成独立的文件，然后做到热重载和预编译

官网链接<template><div>This will be pre-compiled</div></template><script src="./my-component.js"></script><style src="./my...

吃瓜群众欢乐多

3055人浏览 · 2019-05-07 11:58:16

吃瓜群众欢乐多 · 2019-05-07 11:58:16 发布

官网链接

<!-- my-component.vue --> 
<template> 
  <div>This will be pre-compiled</div> 
</template> 
<script src="./my-component.js"></script>
<style src="./my-component.css"></style>

需要注意的是css文件引入的时候不要用@import

<style lang="scss" scoped>
  @import "../assets/scss/app.scss";
</style>
<!-- @import的css作用域是全局，如何解决？见如下 -->
<style lang="scss" scoped src="../assets/scss/app.scss"></style>

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}$/, //不连续的两位字母// /^