vue3学习笔记（1）script引入vue3实现简单应用

天天天天天天天天d

已于 2022-04-23 12:25:36 修改

阅读量4.3k

点赞数 2

分类专栏： vue3 文章标签： vue 前端框架

于 2022-04-23 12:24:06 首次发布

本文链接：https://blog.csdn.net/gtd54789/article/details/124361413

版权

Vue3 脚本引入双向绑定数据渲染响应式

关键词由CSDN通过智能技术生成

vue3 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

Vue3专栏入口

一、脚本引入简单使用

script引入

<!--  vue3脚本地址为:https://unpkg.com/vue@3.2.31/dist/vue.global.js -->
<script src="https://unpkg.com/vue@3.2.31/dist/vue.global.js"></script>

简单使用实现数据渲染

<body>
    <!-- 添加html结构 -->
    <div id="test">
        <h1>counter:{{ num }}</h1>
    </div>

    <script>
        const Test = {
            data() {
                return {
                    num: 12
                }
            }
        }
        // 创建一个应用,将配置对象Test的内容渲染到 id为test的元素上
       let app = Vue.createApp(Test).mount("#test")
    </script>
</body>

打开页面查看结果
在这里插入图片描述