1.vue.js实例:展现helloWord的方式
来源:互联网 发布:kk聊天软件 编辑:程序博客网 时间:2024/05/23 10:15
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>vue helloword</title>
<script src="js/vue.min.js"></script>
<style type="text/css">
#app{width:600px;margin:100px auto; text-align:center; color:red; font-size:22px;}
#app p{font-size:16px; color:#000; text-align:left;}
</style>
</head>
<body>
<div id="app">
{{ message }}
<br />
<br />
<p>这个很简单。使用一堆 script 标签就可以让代码跑起来。从这里可以看出,利用 Vue 的功能特性的好处就是无需学习任何新的技术。</p>
</div>
<script type="text/javascript">
var helloword=new Vue({
el: '#app',
data: {
message: 'helloWord:问候语来自Vue.js'
}
});
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>vue helloword</title>
<script src="js/vue.min.js"></script>
<style type="text/css">
#app{width:600px;margin:100px auto; text-align:center; color:red; font-size:22px;}
#app p{font-size:16px; color:#000; text-align:left;}
</style>
</head>
<body>
<div id="app">
{{ message }}
<br />
<br />
<p>这个很简单。使用一堆 script 标签就可以让代码跑起来。从这里可以看出,利用 Vue 的功能特性的好处就是无需学习任何新的技术。</p>
</div>
<script type="text/javascript">
var helloword=new Vue({
el: '#app',
data: {
message: 'helloWord:问候语来自Vue.js'
}
});
</script>
</body>
</html>
0 0
- 1.vue.js实例:展现helloWord的方式
- SOAP的HelloWord实例
- 树的展现方式
- jbpm API的helloword实例
- vue.js的一个简单实例
- vue.js对表格的操作实例
- webpack+Vue.js+vue-router的一个简单实例应用
- vue.js的插入dom节点方式
- 前端框架vue.js系列(9):vue构造、vue组件与vue实例的关系
- js图片瀑布流方式展现
- vue.js入门实例
- Vue.js 实例
- vue.js实例todoList
- vue.js简单实例
- 8.vue.js实例:Vue.js 表格
- Shiro 配置简单的HelloWord实例
- Vue.js 学习(2) -- Vue实例
- Vue.js 官方文档摘记:Vue 实例
- 矩阵法求第n个斐波拉契数
- 高德地图 toolbar
- 万能的林萧说:一篇文章教会你,如何做到招聘要求中的“要有扎实的Java基础”。
- ios开发中直接选择一个联系人的电话号码和姓名
- 机器学习实战_决策树
- 1.vue.js实例:展现helloWord的方式
- MySql安装与使用图文教程5.7
- Android自定义View绘制几何图形
- 关于C的小程序-4
- kettle实战应用
- nginx+lua+kafka实现日志统一收集汇总
- 安装Alcatraz插件管理器
- 算法12:各类排序比较
- SuperMap iMobile for iOS 三维入门开发教程(一)