通过script标签引入vue

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

lazy91

4516人浏览 · 2022-08-12 17:46:35

lazy91 · 2022-08-12 17:46:35 发布

最近重新学习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页面如下，

去掉type="text/javascrict后，他就好了。。。

MDN找到的type属性描述是这样的。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^