vuejs3

简介:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title></title>

</head>

<body>

<div id="app">

<p>`message`</p>

<input type="text" v-model="message">

</div>

<script src="http://static.runoob.com/assets/vue/1.0.11/vue.min.js"></script>

<script>

var exampleData = {

message:'Hello World!'

}

new Vue({

el:"#app",

data:exampleData

});

</script>

</body>

</html>


本文转自  素颜猪  51CTO博客,原文链接:http://blog.51cto.com/suyanzhu/1895495
相关文章
|
4月前
|
JavaScript 前端开发 索引
Vuejs基础版III
Vuejs基础版III
|
4月前
|
缓存 JavaScript
Vuejs基础版II
Vuejs基础版II
|
4月前
|
存储 JavaScript 前端开发
Vuejs基础版I
Vuejs基础版I
|
4月前
|
JavaScript 前端开发 测试技术
Vuejs基础版V
Vuejs基础版V
|
8月前
|
资源调度 JavaScript 前端开发
vue3.3-TinyMCE:TinyMCE富文本编辑器基础使用
vue3.3-TinyMCE:TinyMCE富文本编辑器基础使用
226 0
|
前端开发 JavaScript API
vuejs基础系列五-vue-router的使用
一个web应用路由定义的是否合理是判断这个应用是否合格的基础条件之一,在spa开发模式之前,前端开发基本不用考虑路由的定义这块基本都是后台在完成,但随着spa的推广前后端分离的大趋势下,前端路由定义的任务便落在的我们前端开发者身上。本节我们就来聊聊vue中vue-router的路由定义与配置。
|
设计模式 开发框架 JavaScript
vuejs系列四-双向绑定的实现
作为一名软件开发人员,了解常用的设计模式应该算是我们必备的技能之一了。如果你在编程中可以得心应手的使用这些,那你的代码肯定是满足了健壮性,可读性,易维护的范畴之内的。本章我们一起来了解下前端开发中常用的设计模式发布 订阅。
|
存储 缓存 JavaScript
Vuejs提高篇(二)
Vuejs提高篇(二)
Vuejs提高篇(二)
|
JavaScript 前端开发
Vuejs提高篇(一)
Vuejs提高篇(一)
Vuejs提高篇(一)
|
JavaScript 前端开发 开发者