黑马程序员（小黑记事本）案例练习 VUE3.0代码

键盘疾风

已于 2024-07-06 19:27:15 修改

阅读量2.1k

点赞数 40

CC 4.0 BY-SA版权

文章标签： vue vscode html

于 2024-07-05 17:23:01 首次发布

本文链接：https://blog.csdn.net/sjy20050919/article/details/140211951

教程视频来源：前端最新Vue2+Vue3基础入门到实战项目全套教程

案例名称：小黑记事本（vue3.0版本）

案例效果：

案例步骤：

1.准备容器 <div id="note_list"></div> 用于后续对接vue实例中的数据

2.引入script包（这里引入的是vue3 版本）

3.创建vue实例并配置

vue3 格式：

        const { createApp } = Vue;  

        const app = createApp({  

            data() {  

                return {  

                        //存放数据

                }}

最低0.47元/天解锁文章

200万优质内容无限畅学

黑马程序员（小黑记事本）案例练习 VUE3.0代码

案例名称：小黑记事本 （vue3.0版本）

案例效果：

案例步骤：

1.准备容器 <div id="note_list"></div> 用于后续对接vue实例中的数据

2.引入script包（这里引入的是vue3 版本）

3.创建vue实例 并 配置

案例名称：小黑记事本（vue3.0版本）

3.创建vue实例并配置