Vue系列-el挂载

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>el:挂载点</title>
</head>
<body>
    {{message}}
    <div id="app">
        {{message}}
        <span>{{message}}</span>
    </div>

    <!-- 开发环境版本,包含了有帮助的命令行警告 -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

    <script>
        var app=new Vue({
            el:"#app", //可以是class 也可以是标签
            data:{
                message:"黑马程序员"
            }
        })
    </script>
</body>
</html>

相关推荐

  1. Vue Router (创建 挂载

    2024-03-31 22:26:03       34 阅读
  2. vue3挂载axios挂载全局方法

    2024-03-31 22:26:03       37 阅读
  3. vue3挂载全局方法

    2024-03-31 22:26:03       56 阅读
  4. ubi文件系统挂载

    2024-03-31 22:26:03       41 阅读

最近更新

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

    2024-03-31 22:26:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-31 22:26:03       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-31 22:26:03       82 阅读
  4. Python语言-面向对象

    2024-03-31 22:26:03       91 阅读

热门阅读

  1. DDPM pytorch代码详细注释

    2024-03-31 22:26:03       32 阅读
  2. 学习笔记之嵌入式八股文(C语言)

    2024-03-31 22:26:03       31 阅读
  3. 2024.2.3力扣每日一题——石子游戏7

    2024-03-31 22:26:03       33 阅读
  4. 6 字符串、元组和字典

    2024-03-31 22:26:03       40 阅读
  5. Unity 通过鼠标移动和LineRenderer组件实现画线功能

    2024-03-31 22:26:03       35 阅读
  6. stm32通过串口发送float数据的方法

    2024-03-31 22:26:03       31 阅读
  7. 求整数各个数位上的数字之和 C语言

    2024-03-31 22:26:03       32 阅读
  8. C++ //CCF-CSP计算机软件能力认证 201312-2 ISBN号码

    2024-03-31 22:26:03       44 阅读
  9. spring系列-动态注册bean

    2024-03-31 22:26:03       42 阅读
  10. 微微科技遇到的问题总结

    2024-03-31 22:26:03       44 阅读
  11. 设计模式之命令模式 ,Php高级编程

    2024-03-31 22:26:03       40 阅读