01-Hello Vue.js
2017-09-15 08:41
120 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Vue.js Hello</title>
<style type="text/css">
[v-cloak] {
display: none;
}
</style>
</head>
<body>
<!--这是View -->
<div id="app" v-cloak>
<h1>{{message}}</h1>
<h1>{{name}}</h1>
</div>
</body>
<script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript">
//模型数据Model
var exeData = {
message : "Hello World",
name:"我是Vue"
};
//View实例，也就是View-Model(VM)
new Vue({
el : "#app",
data : exeData
})
</script>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 01、Vue.js 之初始化el以及数据的绑定说明
- vue.js+elementUI学习01之后台管理登录验证实现axios和springMVC交互
- Vuejs实例-01使用vue-cli脚手架搭建Vue.js项目
- 【01】vue.js — 简析入门
- vuejs组件交互 - 01 - 父子组件之间的数据交互
- 01、Vue.js 开篇－－－Vue的介绍及准备工作
- vuejs helloworld
- 01. Node js Hello world
- RactiveJS-01 Hello Ractive
- vue.js插件使用(01) vue-resource
- laravel和vuejs第一个最简单的示例hello Vuejs
- Vue.js-01：新手村的试炼 - 初见Vue新世界（概念）
- vue.js学习01之语法认识
- 《Hello Vue.js之道阻且长》
- 1、Hello Vue.js
- vuejs_01项目启动
- [Nuxt] Setup a "Hello World" Server-Rendered Vue.js Application with the Vue-CLI and Nuxt
- vue.js的学习01
- vue.js重学之旅（3）——vue.js组件学习and组件间通信