在正常的创建和引用vue文件都是html、css、js三者在一起的,这样写起来虽然方便了。
但是页面比较大或者代码比较多的情况下,反复的在Html、Js、Css之间上下移动,查找不便,不利于编程。
于是,将代码中的html、css、js分离出来是个很好的选择。
如下代码:
<template src="./index.html"></template>
<script src="./index.js"></script>
<style lang="less" src="./index.less"></style>
然而,我发现在index.html这个模板里无法使用u开头的语法提示功能,尝试将.html后缀改成.vue也无语法提示效果。不知道是否可以在哪里设置一下就能用上方便的语法提示功能。