html页面引入Vue的方式

m0_53773432

已于 2022-12-08 09:47:00 修改

阅读量448

点赞数

分类专栏： Vue 文章标签：前端

于 2022-12-08 09:45:05 首次发布

本文链接：https://blog.csdn.net/m0_53773432/article/details/128231104

版权

Vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

引入方式

引入种类

总结

引入方式

使用script标签引入，可以联网引入，也可以把下载到本地引入，引入的本质上是一个js文件

引入的位置都在head标签里

联网引入

<!DOCTYPE html>
<html>
<head>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <meta charset="utf-8">
    <title>文档标题</title>
</head>
<body>
</script>
</body>
</html>

本地引入

<script type = "text/javascript" src="../vuejs/vue.js"></script>

引入种类

可以引入开发者版本和生产环境版本，一个有提示，一个没提示

Vue代码写错

    <script type = "text/javascript">
        Vue({
            el:'#apple',
            data:{
                message:'hello'
            }
        })
    </script>

开发者版本

显示具体信息

生产环境版本