vue前端入门——制作一个电影网页

最新推荐文章于 2024-08-30 14:03:33 发布

weixin_46265647

最新推荐文章于 2024-08-30 14:03:33 发布

阅读量7.3k

点赞数 8

分类专栏：前端文章标签： css javascript vue.js html

本文链接：https://blog.csdn.net/weixin_46265647/article/details/112988090

版权

本文介绍了使用Vue.js制作电影网页的过程，包括HTML5、JS和CSS的运用，以及Vue框架的使用。在开发中遇到了跨域、代码优化、函数自动调用和图片传输等问题。跨域问题通常由后端解决，代码优化采用v-for减少代码量，函数自动调用利用mounted()方法，图片传输则通过动态设置:src属性来完成。

摘要由CSDN通过智能技术生成

使用语言

Html5
JS
css

使用框架

基于vue的前后端分离技术

movie.HTMl

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
     <link rel="stylesheet" href="./movie.css" />
</head>

<body>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <!-- 网页上部分 -->
    <div id="header">
        <button id="header_button"   @click="jump" >客服</button>
        <h1 id="header_h">电影列表</h1>
    </div>
    <!-- 网页中间部分