vue3 插值表达式

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    
    <script src="https://unpkg.com/vue@3/dist/vue.global.js">script>
head>
<body>
<div id="app">
    
    <h1>{{ message }}h1>

    <h1 style="color: red">点-{{num}}h1>
div>
body>
<script>
    // 引入
    const { createApp, ref } = Vue
    // 创建
    createApp({
        //setup 标记 Vue3 支持Vue3的语法 直接定义变量、函数都可以
        setup() {
            const message = ref("Hello vue！")

            const num = ref(123)

            return {
                message,num
            }
        }
    }).mount('#app')
script>
html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

相关阅读:
猿创征文 | Spring框架【管理对象(IOC详解)】
记一次To B开发普通的性能优化历程......报表优化
基于SaaS平台的iHRM管理系统测试学习
汇川PLC学习Day3：轴控代码编写、用户程序结构说明与任务配置示例、用户变量空间与编址
双标题生成-采集文章自动生成双标题软件免费
文件服务之nfs
13个QA带你了解线上压测的知识点
Jmeter获取Websocket多帧消息的实现方法
SpringBoot【 Thymeleaf、SpringBoot热部署、SpringBoot整合MyBatis、 SpringBoot参数校验】(四)-全面详解（学习总结---从入门到深化）
SPI通信----基本原理

原文地址：https://blog.csdn.net/Sky_MaoXiaoqi/article/details/133879974