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

你的名字 2021-11-09 08:38 156阅读 0赞

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

发表评论取消回复

表情：

评论列表（有 0 条评论，156人围观）

还没有评论，来说两句吧...

相关阅读

相关 JSqlParser入门系列(1)-JSqlParser简介及入门案例

简介 JSqlParser是一个SQL语句解析器。它将SQL转换为Java类的可遍历层次结构。支持Oracle，SqlServer，MySQL，PostgreSQL

淩亂°似流年/ 2023年10月10日 12:36/ 0 赞/ 55 阅读

相关 Jersey快速入门案例

\_01\_jersey\_hello 第一章 jersey基础 jersey概述 Eclipse Jersey 是一个 REST 框架，提供了[ JAX-R

忘是亡心i/ 2023年03月06日 03:24/ 0 赞/ 2 阅读

相关 Vue-快速入门

Vue-快速入门 0.前言 1.认识Vue 2.Node和NPM 2.1.下载Node.js 2.2.NPM 3.快速入

野性酷女/ 2022年12月29日 09:20/ 0 赞/ 189 阅读

相关 Spark Streaming快速入门系列(2) | wordcount案例

目录 wordcount 案例 wordcount 案例解析 wordcount 案例 1.需求使用 netcat 工具向 999

拼搏现实的明天。/ 2022年12月03日 13:19/ 0 赞/ 185 阅读

相关 Git快速入门系列(1) | 安装Git

安装Git ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9n

本是古典何须时尚/ 2022年11月30日 12:39/ 0 赞/ 219 阅读

相关 MybatisPlus快速入门案例

MybatisPlus的入门案很简单的，但是MybatisPlus却是不简单，任何技术学精通都需要一定的时间去学习，去实践，再进行总结，现在是科技快速发展的时代，以前程序员需要

谁践踏了优雅/ 2022年11月18日 01:42/ 0 赞/ 189 阅读

相关 VUE入门案例

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层

柔光的暖阳◎/ 2022年03月27日 12:58/ 0 赞/ 272 阅读

相关 WPF快速入门系列(1)——WPF布局概览

一、引言　　关于WPF早在一年前就已经看过《深入浅出WPF》这本书，当时看完之后由于没有做笔记，以至于我现在又重新捡起来并记录下学习的过程，本系列将是一个WPF快速入门

￡神魔★判官ぃ/ 2021年11月19日 16:36/ 0 赞/ 466 阅读

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

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-

你的名字/ 2021年11月09日 08:38/ 0 赞/ 157 阅读

相关 Vue快速入门

MVVM模式 > 什么是MVVM模式？ MVVM（Model-View-ViewModel）是一种软件架构设计模式，由微软 WPF（用于替代 WinForm，以前就是用

左手的ㄟ右手/ 2021年06月10日 20:38/ 0 赞/ 501 阅读