这个为什么显示不出来？

<div id="app"><post-list />
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>const app = Vue.createApp('PostList', {data() {return {title: 'Java无难事'}},components: {PostItem},template: `<div><PostItem postTitle="title"></PostItem></div>`
});
app.mount('#app');
</script>

换了一个，还是

<div id="app"><post-item></post-item>
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>const app = Vue.createApp('PostList', {data() {return {title: 'Java无难事'}},components: {PostItem},template: `<div><PostItem postTitle="title"></PostItem></div>`
});
app.mount('#app');
</script>

还是

<div id="app"><post-list></post-list>
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>const app = Vue.createApp({})app.component('PostList', {data() {return {title: 'Java无难事'}},components: {postItem: {props: ['postTitle'],template: `<h3>{{ postTitle }}</h3>`}},template: `<div><PostItem postTitle="title" /></div>`})
app.mount('#app');
</script>

这样也不对，到底是怎样才对

<div id="app"><post-list></post-list>
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>const app = Vue.createApp({})app.component('PostList', {data() {return {title: 'Java无难事'}},components: {postItem: {props: ['postTitle'],template: '<h3>{{ postTitle }}</h3>'}},template: '<div><PostItem postTitle="title" /></div>' })
app.mount('#app');
</script>

再写一遍，也不对啊

<div id="app"><post-list></post-list>
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>/* const app = Vue.createApp({});*/Vue.component('PostList', {data() {return {title: 'Java 无难事'}},components: {PostItem},template: `<div><PostItem postTitle="title"></PostItem></div>`});mount('#app')
</script>

这个为什么显示不出来？相关推荐

ORACLE-SQL笔记
-- 首先,以超级管理员的身份登录oracle <span id="172_nwp" style="width: auto; height: auto; float ...
Android开发从入门到精通
Android开发从入门到精通 --Android经典教程目录目录 1 第一章什么是Android 1 什么是Android - 嵌入式设备编程的历史-第一章(1) 1 开放手机联盟和And ...
java操作跨页的word cell,“excle如何打印不出现断行“EXCEL中，如何不跨页断行打印或显示，谢谢...
EXCEL中,如何不跨页断行打印或显示,谢谢打印预览--页面设置--工作表--网格线(打勾) 试试! java导入excel 判断当前行有没有数据工作中用到入excel一个方法,你还可以通过一些插 ...
浅显易懂 Makefile 入门（08）— 默认 shell （/bin/sh）、命令回显、make参数（-n 只显示命令但不执行，-s 禁止所有回显）、单行命令、多行命令、并发执行
1. shell 相关 1.1 默认 shell Makefile 所使用的命令是由 shell 命令行组成,他们是一条一条执行的. 多个命令之间要使用分号隔开,Makefile 中的任何命令都要以 ...
Git 常用操作（3）- 本地分之显示、创建、切换、合并和删除操作
1. 分支简介 Git 的 "master" 分支并不是一个特殊分支.它就跟其它分支完全没有区别.之所以几乎每一个仓库都有 master 分支,是因为 git init 命令默认创 ...
Python+OpenCV 图像处理系列（1）— Ubuntu OpenCV安装、图片加载、显示和保存
Ubuntu 16.04 下安装 Opencv sudo apt-get install libopencv-dev sudo apt-get install python-opencv 或者使用 p ...
Linux df -h 显示磁盘空间满，但实际未占用满——问题分析
问题现象工作中遇到一个问题,在 TX2 系统上,告警提示磁盘空间不够,如图所示 wohu@wohu:/$ df -h Filesystem Size Used Avail Use% Mounted ...
1 用python进行OpenCV实战之用OpenCV3实现图片载入、显示和储存
code 将下面文档存为load_display_save.py #-*- coding:utf-8 -*- from __future__ import print_function #1 impo ...
Visual Studio 中文显示乱码问题
今天在码云上Fork了一个开源工程,编译环境是Visual Studio C++, 由于自己本地平台主要是进行Linux开发,平时文档编码格式都是utf-8的,编译没问题,但运行起来就是乱码,就像下图 ...
win10安装虚拟机提示主IP地址显示网络信息不可用
问题:在虚拟机详情下面显示主ip地址:网络信息不可用解决方案先root用户[root@localhost~]#cd - [root@localhost/]#cd /etc/sysconfig/n ...

这个为什么显示不出来？

这个为什么显示不出来？相关推荐

最新文章

热门文章