当前位置: 首页 > article >正文

VUE学习笔记(入门)4__安装开发者工具

https://chrome.zzzmh.cn/index
https://chrome.zzzmh.cn/index
安装后需要关闭所有浏览器并重启
再次打开检查会看到vue标签,方便调试修改
如果安装后找不到vue标签,请尝试下载历史版本,这里用的是6.4.5

<!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">
    {{msg}}
    {{count}}
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script>
    const app = new Vue({
            el: '#app',
            data: {
              msg: 'tony',
              count: 666
            }
          })
</script>
</body>
</html>

预览图
在这里插入图片描述


http://www.kler.cn/a/510258.html

相关文章:

  • ElasticSearch上
  • 51.WPF应用加图标指南 C#例子 WPF例子
  • Node.js path.resolve
  • clang、C++23标准库模块基本使用
  • Vue如何构建项目
  • go采集注册表
  • imread和jpeg_read在MATLAB中处理图像时的不同
  • 1.17组会汇报
  • windows-本地部署Git仓库-安装Gitea
  • LQ1043 双面打印
  • flask项目中使用schedule定时任务案例
  • 第 7 课Python 容器类型与相关操作
  • UnityEditor脚本:调用ADB推送文件到手机
  • Spring参数校验,数组入参校验 :List<E>
  • 打造智能气象预测系统:AI如何改变天气预报的未来
  • 电梯系统的UML文档04
  • 创建一个简单的spring boot+vue前后端分离项目
  • Jmeter Beanshell脚本批量提取接口的值生成csv文档
  • 蓝桥杯训练—斐波那契数列
  • 我的常用vim操作