【第2章】Vue快速上手


前言

这里我们来实现我们的第一个程序。


一、第一个Vue程序

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="app">
        <h1>{{ msg }}</h1>
    </div>
    <script type="module">
        import { createApp, ref } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js'

        createApp({
            setup() {
                return {
                    msg: 'Hello Vue3!'
                }
            }
        }).mount('#app')
    </script>
</body>
</html>

二、Open in Browser插件

见名知义,打开浏览器用的

1.安装

在这里插入图片描述

2. 使用

在这里插入图片描述

3. 界面

在这里插入图片描述


总结

回到顶部

相关推荐

  1. Vue2快速

    2024-06-12 03:44:03       8 阅读
  2. vue3快速

    2024-06-12 03:44:03       37 阅读
  3. Vue3快速

    2024-06-12 03:44:03       27 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-06-12 03:44:03       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-12 03:44:03       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-12 03:44:03       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-12 03:44:03       18 阅读

热门阅读

  1. controller_manager卡在loading_controller

    2024-06-12 03:44:03       9 阅读
  2. 中继器简介

    2024-06-12 03:44:03       8 阅读
  3. 【MySQL】(基础篇一)—— SQL介绍和前置知识

    2024-06-12 03:44:03       5 阅读
  4. BGP宣告+自动汇总问题

    2024-06-12 03:44:03       6 阅读
  5. 2024.6.11

    2024-06-12 03:44:03       8 阅读
  6. 爬虫案例实战

    2024-06-12 03:44:03       6 阅读
  7. 6、Spring之Bean生命周期~创建Bean(2)

    2024-06-12 03:44:03       7 阅读
  8. python-Bert(谷歌非官方产品)模型基础笔记0.1.099

    2024-06-12 03:44:03       8 阅读
  9. 游戏心理学Day11

    2024-06-12 03:44:03       11 阅读
  10. 【Python】(一)复习重点——控制流

    2024-06-12 03:44:03       10 阅读
  11. C++杂记

    2024-06-12 03:44:03       12 阅读