<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

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

<title>Document</title>

<script src="./lib/vue-2.4.0.js"></script>

</head>

<body>

<div id="app">

<!-- 对象就是无序键值对的集合 -->

<!-- <h1 :style="styleObj1">这是一个h1</h1> -->

<h1 :style="[ styleObj1, styleObj2 ]">这是一个h1</h1>

</div>

<script>

// 创建 Vue 实例，得到 ViewModel

var vm = new Vue({

el: '#app',

data: {

styleObj1: { color: 'red', 'font-weight': 200 },

styleObj2: { 'font-style': 'italic' }

},

methods: {}

});

</script>

</body>

</html>

最新文章

1. 循环遍历checkbox按钮，和点击后提示。
2. Servlet异步上传文件
3. express+gulp构建项目（一）项目目录结构
4. openSUSE 配置静态上网
5. Python学习（22）python网络编程
6. MFC自定义消息
7. jquer 带左右按钮滚动图片 点击显示大图
8. Linux修改文件permission属性
9. Python3 日期和时间
10. ArrayList源码学习
11. mysql解决select * from 表名 (where + 约束条件为空)
12. 如何用ABP框架快速完成项目(8) - 用ABP一个人快速完成项目(4) - 能自动化就不要手动 - 使用自动化测试(BDD/TDD)
13. JS之iscroll.js的使用详解
14. 提高SQL查询效率的30种方法
15. JedisConnectionPool scala
16. 安卓程序代写 网上程序代写[转]eclipse快捷键
17. crunch字典生成
18. 须知的css——margin不重叠的情形
19. Python抓取微博评论(二)
20. Android 代码实现来电拦截

热门文章

1. java JVM虚拟机
2. webstorm 介绍
3. 客户续费模型 逻辑回归 分类器 AdaBoost
4. 审核被拒：1. 1 Safety: Objectionable Content ;3. 1.1 Business: Payments - In-App Purchase ;4. 3 Design: Spam ;5. 1.1 Legal: Privacy - Data Collection and Storage
5. Docker入门3------手动编辑自定义镜像
6. ffmpeg的编译和安装
7. AsyncHttpClient使用
8. nginx安装lua模块实现高并发
9. spring-boot 速成(2) devtools之热部署及LiveReload
10. python数据结构-如何统计序列中元素的频度