html文件转vue文件

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三种方式

posted @ 2023-01-30 18:33  钱塘江畔  阅读(6224)  评论(0)    收藏  举报