vue.js的第一个helloWorld
来源:互联网 发布:java彩票程序 编辑:程序博客网 时间:2024/05/16 11:41
Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM
(1)第一步:去官网下载vue.js
http://cn.vuejs.org/v2/guide/index.html
(2)将js引入到普通的html代码中
<script src="../vue.js"></script>
(3)写一个名叫vueFirst的div
<div id="vueFirst"> <p>{{message}}</p></div>
<script> new Vue({ el: '#vueFirst', data: { message: 'Hello World Vue.js' } })</script>(5)最后效果
(6)具体代码:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue.js"></script></head><body> <div id="vueFirst"> <p>{{message}}</p> </div></body><script> new Vue({ el: '#vueFirst', data: { message: 'Hello World Vue.js' } })</script></html>
阅读全文
0 0
- vue.js的第一个helloWorld
- Vue.js的helloworld-demo
- 我的第一个Vue.js输出信息
- 我的第一个HelloWorld
- QT的第一个HelloWorld
- 创建Vue.js对象:我的第一个Vue.js输出信息
- 我的第一个vue
- 第一个Vue.js入门toDoList参考
- Vue.js学习和第一个实例
- vue.js入门Helloworld
- Vue.js之HelloWorld
- vue.js 输出helloworld!
- JAVA的第一个程序--HelloWorld
- 我的第一个struts2应用,HelloWorld!!!
- structs2下的第一个helloworld!
- 我的第一个android程序 HelloWorld
- AndEngine的第一个程序HelloWorld
- 我的第一个Java代码---HelloWorld
- Java基础练习题 (8)多线程
- Deep Learning 环境配置 2:ubuntu下anaconda安装以及多环境配置
- 第059讲 多维数组 二维数组
- 【Linux】-- Mysql(1):简介和安装使用
- 调试时常见的问题
- vue.js的第一个helloWorld
- bzoj3277 串【解法二】
- Dubbo与Zookeeper、SpringMVC整合和使用(负载均衡、容错)
- TensorFlow学习之路
- 垂直拆分与水平拆分
- Q&A——资源管理(八)
- kafka学习笔记:知识点整理(二)
- 嵌入式linux系统获取ip的方法
- LeetCode (Subsets II)