首页 > 其他分享 >html文件转vue文件

html文件转vue文件

时间:2023-01-30 18:47:06浏览次数:47  
标签:文件 vue views layui html css

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

标签:文件,vue,views,layui,html,css
From: https://www.cnblogs.com/route/p/17076928.html

相关文章