这样写也行,把hoppy放在ref这里,name放在state这里,只是相应的位置要改动,段落那里排好就行
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>陈尼克</title>
<style>[v-cloak] {display: none;}
</style>
</head><body><div id="app" v-cloak><p>姓名: {{ state.name }}</p><p>年龄: {{ state.age }}</p><p>职业: {{ state.work }}</p><p>爱好: {{ hoppy }}</p></div><script src="https://unpkg.com/vue@next"></script><script>//import { defineProps, reactive } from 'vue'//import { createApp, ref, reactive } from 'vue'const { createApp, ref, reactive } = Vue;const App = {setup() {const hoppy = ref("Reading")const state = reactive({age: "18",work: "前端工程师",name: "Nick",});return {state,hoppy,};},};createApp(App).mount("#app");</script></body>
</html>
这样写也行,把hoppy放在ref这里,name放在state这里,只是相应的位置要改动,段落那里排好就行相关推荐
- 将数组的奇数放在前面,偶数放在后面
场景一:将所有的奇数放在前面,偶数放在后面. 思路:定义左右游标,left和right,当left和right没有相遇的时候,先从左边开始遍历,如果遇到的是偶数,left++,继续寻找,直到找到一个奇 ...
- 输入一个字符串,内有数字和非数字字符,例如:A123x456 17960? ,302tab5876,将其中连续的数字作为一个整数,依次存放到一数组a中。例如,123放在a[0],456放在a1[1].
输入一个字符串,内有数字和非数字字符,例如:A123x456 17960? ,302tab5876,将其中连续的数字作为一个整数,依次存放到一数组a中.例如,123放在a[0],456放在a1[1]- ...
- 求出N×M整型数组的最大元素及其所在的行坐标及列坐标(如果最大元素不唯一,选择位置在最前面的一个)。
功能:求出N×M整型数组的最大元素及其所在的行坐标及 列坐标(如果最大元素不唯一,选择位置在最前面 的一个). 例如:输入的数组为: 1 2 3 4 15 6 12 18 9 10 11 2 求出的最 ...
- css放在上面,js放在下面的原因
css放在上面,js放在下面的原因 <link rel="stylesheet" href=""> href是异步 <script type ...
- word段落每行首字怎么对齐_Word教程:段落格式设置:首行左右悬挂缩进及五种对齐方式...
Word 教程: 段落格式设置: 首行左右悬挂缩进及五种对齐方 式 嗨,各位亲,见面么么哒 ~~~ 前面的课程中李老师带大 家学习了一个重要的知识点: Word 文本格式的设置. 相信各 位小伙伴们都 ...
- python怎样把if语句写成一行_python:将一个简单的if-then-else语句放在一行上
本问题已经有最佳答案,请猛点这里访问. Possible Duplicate: Python Ternary Operator 我刚刚开始学习Python,我非常喜欢它简洁的语法.然而,是否有一种更简 ...
- excel多列多行堆叠成多列一行_「Excel技巧」如何利用indirect函数快速将一列转为多行多列排版...
HI,大家好哈. 前几天我们有聊了如何将多行多列转一列的话题,今天就顺势来聊聊如何将一列转多行多列. 因为,一份表格,如果里面只有一列,不过有一百多行,甚至几百行, 这样子排版, 一方面,不够一目了然 ...
- 1.VBA实现EXCEL中Sheet1的 甲列 相同数值的行对应的乙列的数的和作为Sheet2中丙列中与Sheet1中甲列 相同的行对应的丁列的值...
今天有一同学,喊我帮忙处理EXCEL中数据的问题,题目表述太含糊,简单说,分3步工作: 1)找出SHEET1的"甲列"中相同的行, 2)把相同的行对应的"乙列" ...
- @ConfigurationProperties放在类上跟放在方法上有什么区别
声明数据源的时候,在类上写@ConfigurationProperties(prefix = "druid.spring.datasource") 查询的时候对应的数据源是没有绑定 ...
最新文章
- 干货:排名前 16 的 Java 工具类!
- 基于GAN的自动驾驶汽车语义分割
- 安装gcc 4.8.2 for cxx 11
- MySql遇到字段中有空格
- 【Python基础】Python之collections库-Counter
- 文献学习(part27)--Regularization Paths for Cox’s Proportional Hazards Model via Coordinate Descent
- Springboot 整合mybatis,实现多数据读写分离分库分表
- 【Spring 基础注解】对象创建相关注解、注入相关注解、注解扫描详解
- 医院计算机科学与技术笔试试题,医院信息科招收计算机科学与技术专业的笔试试题...
- 微信小程序跳转视频号直播
- 服务器IP变更后如果更新openfire 服务IP
- java.time.duration_java.time.Duration
- QQ空间热修复原理深入解析
- uni-APP 联系我们
- 3D建模 UG8.0 32位安装过程
- mcreator安装教程
- P1010 [NOIP1998 普及组] 幂次方 题解
- Android 10.0 蓝牙去掉传输文件的功能
- 英语语法笔记——定语从句(四)
- mac kendryte使用model-cmpiler运行kpu-demo
热门文章
- 普元eos使用svn_普元DevOps介绍
- SIP协议出现488 Not acceptable here
- 为啥SpringBoot更多普遍采用Controller+Service接口层+ServiceImpl接口实现层
- 如何用C语言实现三子棋的人机博弈
- 扒站,仿站,下载网页,工具,软件,神器,无脑傻瓜版,一键操作
- python连接企业微信数据库_python调用企业微信API
- 轻量级开源php源码,YzmCMS轻量级开源CMS v6.0
- 要画分子结构图,就用ChemDraw
- 脱贫帮扶绩效评价-2020年华数杯C题(含python代码)
- csc和acsc--余割和反余割函数