组件prop的用法：为什么没有运行处hello，哪里错了

news/2024/7/9 23:48:24 标签: vue 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue的方法_侠课岛(9xkd.com)</title>
<script src="https://unpkg.com/vue@next"></script>
<script src="https://cdn.jsdelivr.net/npm/axios@0.12.0/dist/axios.min.js"></script>
</head>
<body>
    <div id='app'>
      <blog-post post-title="hello!"></blog-post>
      
    </div>

<script>
const app = Vue.createApp({})

app.component('blog-post', {
  // camelCase in JavaScript
  props: ['postTitle'],
  template: '<h3>{{ postTitle }}</h3>'
})
</script>


    <style>
        .demo {
  font-family: sans-serif;
  border: 1px solid #eee;
  border-radius: 2px;
  padding: 20px 30px;
  margin-top: 1em;
  margin-bottom: 40px;
  user-select: none;
  overflow-x: auto;
}
    </style>
</body>
</html>

http://www.niftyadmin.cn/n/957793.html

相关文章

使用Python和OpenCV检测图像中的物体并将物体裁剪下来

使用Python和OpenCV检测图像中的物体并将物体裁剪下来

使用Python和OpenCV检测图像中的物体并将物体裁剪下来 2017年02月18日 21:14:24 草千里 阅读数&#xff1a;47545 标签&#xff1a; python opencv 图片 更多 个人分类&#xff1a; openCV 介绍 硕士阶段的毕设是关于昆虫图像分类的&#xff0c;代码写到一半&#xff0c;上…
阅读更多...
这段也没有显示出来，控制台里也没有显示出来

这段也没有显示出来，控制台里也没有显示出来

<!DOCTYPE html> <html> <head> <meta charset"utf-8"> <title>Vue的方法_侠课岛(9xkd.com)</title> <script src"https://unpkg.com/vuenext"></script> <script src"https://cdn.jsdelivr.net/…
阅读更多...
csdn怎么快速转载别人的文章

csdn怎么快速转载别人的文章

首先确定原文允许转载 在文章开头处一般有版权声明,如图 转载时要注明出处和作者 如何转载 用谷歌浏览器加载文章地址&#xff0c;打开文章 F12打开Developer Tools&#xff0c;并打开Elements页面 将文章开头部分的文字作为关键字在Elements界面搜索 以此文为例&#xff…
阅读更多...
idea 打开Service窗口--一个管理所有服务的地方

idea 打开Service窗口--一个管理所有服务的地方

idea 打开Service窗口--一个管理所有服务的地方 一个管理所有服务的地方 新版idea打开的方式也很简单,快捷键ALT8,或者跟着下图找到services窗口点击打开 如果说在这个位置没有找到的话,将.idea > workspace.xml 中找到 RunDashboard 替换成如下 然后重启即可 <componen…
阅读更多...
bug:vue@next:1287 [Vue warn]: Failed to resolve component: date-picker at ＜App＞

bug:vue@next:1287 [Vue warn]: Failed to resolve component: date-picker at ＜App＞

<!DOCTYPE html> <html> <head> <meta charset"utf-8"> <title>Vue的方法_侠课岛(9xkd.com)</title> <script src"https://unpkg.com/vuenext"></script> <script src"https://cdn.jsdelivr.net/…
阅读更多...
Tensorboard生成的网址（localhost或者127.0.0.1）打不开的解决方法

Tensorboard生成的网址（localhost或者127.0.0.1）打不开的解决方法

一、因为我是用anaconda安装的TensorFlow&#xff0c;所以第一步 注意&#xff1a;虚拟空间的名字叫TensorFlow&#xff0c;也可以叫ABCD&#xff0c;TensorFlow是安装在这个虚拟空间里的 二、启动Tensorboard 启动tensorboard服务&#xff0c;注意最后的--host127.0.0.1&…
阅读更多...
too many connections的错误

too many connections的错误

最近公司使用spring boot-druid-dubbo的模式开发业务&#xff0c;但是在线下进行实际测试时&#xff0c;发现mysql数据库连接数在一段时间后会被占满&#xff0c;顿时一脸懵逼. 经过测试&#xff0c;连接不释放问题是由于在自己本机对程序进行强制关闭导致的(之前做业务时&…
阅读更多...
组件的代码没有用vitejs/app成功实现

组件的代码没有用vitejs/app成功实现

https://mp.weixin.qq.com/s?src11&timestamp1617861537&ver2995&signatureZas3obJnZoKhvGh3SDGXICbWdPHTSnqLayOGXFVxVH1ejpJSy3a1dSkfcbHMKnxQ2zBqW6YYhFtuiJ8u3ZJ2c5sWr5WQ2cI9d2R4SVHb8xMRgqMKsEwx3tJLRWI9ip&new1 TemplateM.vue App.vue吗&#xff1f; …
阅读更多...
最新文章

Copyright @ 2022~2023