通过script标签引入vue

lazy91

已于 2022-08-13 12:00:04 修改

阅读量4.4k

点赞数

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

于 2022-08-12 17:46:35 首次发布

本文链接：https://blog.csdn.net/qq_59954212/article/details/126308532

版权

Vue 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

最近重新学习vue框架，第一天，搭建开发环境。

通过直接<script>引入vue时发现，标签中有type="text/javascrict"引入不成功！！！？？？

不知道是为啥，去掉type="text/javascrict"就好了。暂且记录一下。

第二天，我发现，是script写错了。。。。。。。。自闭中。。。。。。。。

参考官网：

安装 — Vue.jsVue.js - The Progressive JavaScript Frameworkhttps://v2.cn.vuejs.org/v2/guide/installation.html#%E7%9B%B4%E6%8E%A5%E7%94%A8-lt-script-gt-%E5%BC%95%E5%85%A5

代码如下，只有一个script标签。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>初识vue</title>
    <!--引入vue-->
    <!-- <script type="text/javascrict" src="https://cdn.jsdelivr.net/npm/vue@2.7.8/dist/vue.js"></script> -->
    <script src="https://cdn.jsdelivr.net/npm/vue@2.7.8/dist/vue.js"></script>
</head>
<body>

</body>
</html>

有type="text/javascrict"时，在浏览器打开HTML页面如下，