1.背景
新建了html页面,但是项目框架是vue框架,需要把html文件转为vue文件
2.步骤
2.1页面架构调整
<template>
<div>
<!-- 将原来body标签中的内容放入此处 -->
</div>
</template>
<script>
<!-- 将原来script标签中的内容放入此处 -->
</script>
2.2引用方式调整
# 原layui引用 <head> <script type="text/javascript" src="layui/layui.js"></script> </head>
import layui from "@/views/bonc/ifa/layui/layui.js";
window.layui.use();
# 原link标签 <link href="css/css.css?v=1" rel="stylesheet" type="text/css" />
import "@/views/bonc/ifa/css/css.css?v=1";
3.引用
前端 Vue-cli 里使用 layui
vue引入css三种方式