用飞帆做一个网页，并假装是自己写的

inksci

已于 2025-05-17 18:06:52 修改

阅读量260

点赞数 6

文章标签： javascript vue.js 前端

于 2025-05-17 15:03:32 首次发布

本文链接：https://blog.csdn.net/qq_30049249/article/details/148028572

版权

飞帆平台，拖拖拽拽就可以制作网页，这个地球人应该都知道了。

https://fvi.cn/

然后，比如这是我们做的网页：

https://fvi.cn/782

只需要记住 782 这个编号就行。

然后，在你自己的 html 网页中写入下面代码：


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
    <title></title>
    <script src="https://fvi.cn/cdn/vue/2.6.10/vue.min.js"></script>
    <script src="https://fvi.cn/cdn/fvi/latest/fvi.js"></script>
</head>
<body>
    <div id="app">
        <fvi-div
            style="padding: 10px;"
            :elements="elements[782]" 
            >
        </fvi-div>
    </div>
</body>
<script type="text/javascript">
new Vue({
    el: "#app",
    data: {
        elements: {
            782: [],
        },
    },

    components: {
      'fvi-div': fvi.div,
    },

    created () {
        fvi.load(this.elements)
    },
})
</script>
</html>

是不是又快又简单？