怎么在html中引入vue.js文件


当前第2页 返回上一页

Staticfile CDN(国内)

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>

</head>

<body>

<div id="app">

  <p>{{ message }}</p>

</div>

<script>

new Vue({

  el: '#app',

  data: {

    message: 'Hello Vue.js!'

  }

})

</script>

</body>

</html>

unpkg(推荐)

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<script src="https://unpkg.com/vue/dist/vue.js"></script>

</head>

<body>

<div id="app">

  <p>{{ message }}</p>

</div>

<script>

new Vue({

  el: '#app',

  data: {

    message: 'Hello Vue.js!'

  }

})

</script>

</body>

</html>

cdnjs

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js"></script>

</head>

<body>

<div id="app">

  <p>{{ message }}</p>

</div>

<script>

new Vue({

  el: '#app',

  data: {

    message: 'Hello Vue.js!'

  }

})

</script>

</body>

</html>

<script> 标签

<script> 标签用于定义客户端脚本,比如 JavaScript。

script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。

必需的 type 属性规定脚本的 MIME 类型。

JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。

<script> 标签的src属性:规定外部脚本文件的 URL。

以上就是怎么在html中引入vue.js文件的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

Html图像标签是

怎么在head区域引入css

Html中标签嵌套的问题如何解决

Html base标签有什么作用?base标签的作用分析(附实例)

Html中的空链接有什么用

设置表格标题的Html代码是什么

Html5播放视频的标签是什么?如何在web页面播放视频呢?(内附实例)

Html文件路径有哪些类型

Html menu标签怎么用

Html header标签和footer标签区别的两点总结(附元素区别实例)

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...