VUE静态页面helloworld

最新推荐文章于 2024-11-08 18:32:06 发布

llzkkk12

最新推荐文章于 2024-11-08 18:32:06 发布

阅读量2.5k

点赞数

分类专栏： vue helloworld 文章标签： vue helloworld

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/llzkkk12/article/details/78859160

版权

vue 同时被 2 个专栏收录

9 篇文章

订阅专栏

1 篇文章

订阅专栏

独立版本CDN

BootCDN: https://cdn.bootcss.com/vue/2.2.2/vue.min.js //国内

unpkg： https://unpkg.com/vue/dist/vue.js //最新发布

cdnjs: https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

vuejs: https://vuejs.org/js/vue.min.js

https://unpkg.com/vue //未压缩版本

入门实例

<!DOCTYPE html>

<html style="height: 100%;">

<head>

<meta charset="UTF-8">

<script type="text/javascript" src="../lib/vue.min.v2.5.11.js" ></script>

<title>HelloDemo</title>

</head>

<body style="height: 100%;">

<style>

</style>

<div id="appVue">

<div>

{{message}}

</div>

</div>

<script>

new Vue({

el:"#appVue",

data:{

message:"Hello vue.js!"

}

})

</script>

</body>

</html>

页面显示结果：Hellovue.js!

VUE把数据和 DOM建立起了关联，所有东西都是响应式的，Vue 在背后做了大量工作。

REF:

https://cn.vuejs.org/v2/guide/

http://www.runoob.com/vue2/vue-tutorial.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。