我爱Java系列---【1.Vue的快速入门案例】

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8" />
 5         <title>Vue快速入门和插值表达式</title>
 6         <script src="js/vuejs-2.5.16.js"></script>
 7     </head>
 8     <body>
 9         <div id="app" style="text-align: center; ">
10             <tr style="border: 1px,solid,red">
11                 <td>姓名</td>
12                 <td>年龄</td>
13                 <td>性别</td>
14             </tr>
15             <br />
16             <tr style="border: 1px,solid,red">
17                 <td>{{user1.username}}</td>
18                 <td>{{user1.age}}</td>
19                 <td>{{user1.gender}}</td>
20             </tr>
21
22         </div>
23         <script>
24
25             new Vue({
26                 el:'#app',//表示当前vue对象接管了div区域
27                 data:{
28                     //message:'hello world'//注意不要写分号结尾
29                     user1:{'username':'小明','age':18,'gender':'男'}
30                 }
31             });
32         </script>
33     </body>
34 </html>

转载于:https://www.cnblogs.com/hujunwei/p/11172766.html

我爱Java系列---【1.Vue的快速入门案例】相关推荐

我爱Java系列---【 maven依赖版本冲突的解决方法】
我爱Java系列---[ maven依赖版本冲突的解决方法] 参考文章: (1)我爱Java系列---[ maven依赖版本冲突的解决方法] (2)https://www.cnblogs.com/hu ...
Vue.js快速入门之八：实现登录功能
系统登录是指用户必须提供满足一定条件的信息后,才可以进入系统.最早系统一般是指用户名和密码,如今,登录方式已多元化,系统一般登录方式有:用户名+密码.二维码扫码登录.第三方授权登录.手机号+短信登录等 ...
.NET Core实战项目之CMS 第六章入门篇-Vue的快速入门及其使用
写在前面上面文章我给大家介绍了Dapper这个ORM框架的简单使用,大伙会用了嘛!本来今天这篇文章是要讲Vue的快速入门的,原因是想在后面的文章中使用Vue进行这个CMS系统的后台管理界面的实现.但 ...
（vue基础试炼_01）使用vue.js 快速入门hello world
文章目录一.需求案例二.案例实现 2.1. 原始js写法 2.2. 怎样使用vue.js ? 2.3. 使用vue.js 写法三.案例vue简述? 四.案例趣味延伸五.表达值作用及嘱咐语一. ...
Java基础-SSM之mybatis快速入门篇
Java基础-SSM之mybatis快速入门篇作者:尹正杰版权声明:原创作品,谢绝转载!否则将追究法律责任. 其实你可能会问什么是SSM,简单的说就是spring mvc + Spring + m ...
Java NIO 非阻塞网络编程快速入门
NIO 非阻塞网络编程快速入门案例: 编写一个 NIO 入门案例,实现服务器端和客户端之间的数据简单通讯(非阻塞) 目的:理解 NIO 非阻塞网络编程机制 import java.net.InetS ...
OpenAI API及ChatGPT系列教程1：快速入门
系列文章目录: OpenAI API及ChatGPT系列教程1:快速入门 OpenAI API及ChatGPT系列教程2:使用手册 OpenAI API及ChatGPT系列教程3:API参考(Pyth ...
openGauss数据库源码解析系列文章——openGauss开发快速入门（二）
在上一篇openGauss数据库源码解析系列文章--openGauss开发快速入门(上)中,我们介绍了openGauss的安装部署方法,本篇将具体介绍openGauss基本使用. 二. openGau ...
b站黑马的Vue快速入门案例代码——【axios+Vue2】悦听player(音乐播放器)
目录本文中修改的原代码中的BUG: 修改方法: 本文案例代码仍有的BUG:(欢迎大家献计献策) 目标效果: 悦音player案例--效果展示视频: 更换的新接口/参数: 1.歌曲搜索接口:https ...

我爱Java系列---【1.Vue的快速入门案例】

我爱Java系列---【1.Vue的快速入门案例】相关推荐

最新文章

热门文章