vue-创建实例

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>创建实例</title>

</head>

<body>

    <div id="app">

        <!-- 这里将来会编写一些用于渲染的代码逻辑 -->

        {{msg}}

        {{count}}

    </div>

    <!-- 引用的是开发版本包,包含完整的注释和警告 -->

    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

    <script>

        //一旦引入VueJs核心包,在全局环境,就有了vue的构造函数

        const app = new Vue({

            //通过el配置选择器,指定Vue管理的是那个盒子

            el:'#app',

            //通过data提供数据

            data:{

                msg:'hello 你好!',

                count:200

            }

        })

    </script>



 

</body>

</html>

相关推荐

  1. vue-创建实例

    2024-04-10 16:42:02       38 阅读
  2. 第1节:Vue3 安装部署 创建应用(实例

    2024-04-10 16:42:02       48 阅读
  3. 【webrtc】MediaEngine的实现CompositeMediaEngine创建VOE

    2024-04-10 16:42:02       31 阅读
  4. Vue3学习:如何在Vue3项目中创建一个axios实例

    2024-04-10 16:42:02       29 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-10 16:42:02       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-10 16:42:02       106 阅读
  3. 在Django里面运行非项目文件

    2024-04-10 16:42:02       87 阅读
  4. Python语言-面向对象

    2024-04-10 16:42:02       96 阅读

热门阅读

  1. node.js的常用命令

    2024-04-10 16:42:02       37 阅读
  2. WebGL入门

    2024-04-10 16:42:02       35 阅读
  3. git commit --amend用法

    2024-04-10 16:42:02       38 阅读
  4. 【云开发笔记NO.27】分布式数据库

    2024-04-10 16:42:02       39 阅读
  5. 新浪微博导航

    2024-04-10 16:42:02       34 阅读
  6. 李沐21_卷积层多输入多输出通道——自学笔记

    2024-04-10 16:42:02       38 阅读
  7. uniapp的一些记录

    2024-04-10 16:42:02       38 阅读
  8. 快速解决关于Quartus打不开图像文件问题

    2024-04-10 16:42:02       45 阅读
  9. 用队列实现栈(C)

    2024-04-10 16:42:02       32 阅读
  10. PostgreSQL开发与实战(8.1)PG的锁1

    2024-04-10 16:42:02       44 阅读