VUE静态页面helloworld
来源:互联网 发布:公司群发短信软件 编辑:程序博客网 时间:2024/06/14 13:46
独立版本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
- VUE静态页面helloworld
- Vue项目 三、静态页面
- vue.js入门Helloworld
- Vue.js之HelloWorld
- vue.js 输出helloworld!
- Vue.js的helloworld-demo
- 静态页面
- 静态页面
- Flask-HelloWorld-04 静态资源
- vue.js的第一个helloWorld
- vue第一篇之入门helloworld
- 静态页面包含静态页面
- Vue.js教程(一) 用vue实现 HelloWorld
- vue 多页面配置
- vue-router跳转页面
- vue-router跳转页面
- vue页面跳转
- vue调用其它页面
- Leetcode 135 Candy 解题报告
- JavaScript设计模式系列三:建造者模式
- VUE2.0开发环境搭建
- elasticsearch结构化搜索
- 事务
- VUE静态页面helloworld
- 阻塞queue系列之PriorityBlockingQueue
- 菜鸡的linux之路(一)
- VUE指令条件渲染v-if
- Apache虚拟主机开启PHP短标签
- Install Oracle Java 8 / 9 in Ubuntu 16.04, Linux Mint 18
- 【依葫芦画瓢】SSM-CRUD --- 1
- iOS 音视频之网络视频播放AVPlayerViewController(iOS8.0+使用)
- Latex写论文中,算法过长,需要分页显示的方法