Vue.js之HelloWorld
来源:互联网 发布:数据冰雹重点场所监控 编辑:程序博客网 时间:2024/06/06 03:41
1、关于Vue.js的一个简单例子
2、DOM里面的代码
<div id="app">{{msg}}</div>
3、JavaScript的代码
<script type="text/javascript" src="../js/vue-1.0.21.js"></script><script type="text/javascript">window.onload = function() {var vm = new Vue({el: '#app',data: {msg: 'Hello World'}});}</script>
4、完整页面代码
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="../js/vue-1.0.21.js"></script><script type="text/javascript">window.onload = function() {var vm = new Vue({el: '#app',data: {msg: 'Hello World'}});}</script></head><body><div id="app">{{msg}}</div></body></html>
5、运行结果
1 0
- Vue.js之HelloWorld
- vue.js入门Helloworld
- vue.js 输出helloworld!
- Vue.js的helloworld-demo
- vue.js的第一个helloWorld
- Vue.js教程(一) 用vue实现 HelloWorld
- d3.js之helloworld
- vue第一篇之入门helloworld
- Vue.js之devtools
- Vue.js之入门
- Vue.js之深入浅出
- vue.js之生命周期
- vue.js之组件
- vue.js之slot
- Vue.js之$refs
- vue.js之render
- node.js入门之helloworld
- Vue.js系列之vue-resource
- Android系统架构的详细解析
- 中文词性标注的简单实现
- arm交叉编译器gnueabi、none-eabi、arm-eabi、gnueabihf、gnueabi区别
- 向量,点积和叉积
- 前端之旅开启
- Vue.js之HelloWorld
- struts2值栈与类型转换
- ssh整合文件配置
- Find The Multiple
- Android studio的安装于常见问题
- Shell常用命令
- 水仙花数
- 开通博客
- 赛马问题