<!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这里,只是相应的位置要改动,段落那里排好就行相关推荐

  1. 将数组的奇数放在前面,偶数放在后面

    场景一:将所有的奇数放在前面,偶数放在后面. 思路:定义左右游标,left和right,当left和right没有相遇的时候,先从左边开始遍历,如果遇到的是偶数,left++,继续寻找,直到找到一个奇 ...

  2. 输入一个字符串,内有数字和非数字字符,例如:A123x456 17960? ,302tab5876,将其中连续的数字作为一个整数,依次存放到一数组a中。例如,123放在a[0],456放在a1[1].

    输入一个字符串,内有数字和非数字字符,例如:A123x456 17960? ,302tab5876,将其中连续的数字作为一个整数,依次存放到一数组a中.例如,123放在a[0],456放在a1[1]- ...

  3. 求出N×M整型数组的最大元素及其所在的行坐标及列坐标(如果最大元素不唯一,选择位置在最前面的一个)。

    功能:求出N×M整型数组的最大元素及其所在的行坐标及 列坐标(如果最大元素不唯一,选择位置在最前面 的一个). 例如:输入的数组为: 1 2 3 4 15 6 12 18 9 10 11 2 求出的最 ...

  4. css放在上面,js放在下面的原因

    css放在上面,js放在下面的原因 <link rel="stylesheet" href="">  href是异步 <script type ...

  5. word段落每行首字怎么对齐_Word教程:段落格式设置:首行左右悬挂缩进及五种对齐方式...

    Word 教程: 段落格式设置: 首行左右悬挂缩进及五种对齐方 式 嗨,各位亲,见面么么哒 ~~~ 前面的课程中李老师带大 家学习了一个重要的知识点: Word 文本格式的设置. 相信各 位小伙伴们都 ...

  6. python怎样把if语句写成一行_python:将一个简单的if-then-else语句放在一行上

    本问题已经有最佳答案,请猛点这里访问. Possible Duplicate: Python Ternary Operator 我刚刚开始学习Python,我非常喜欢它简洁的语法.然而,是否有一种更简 ...

  7. excel多列多行堆叠成多列一行_「Excel技巧」如何利用indirect函数快速将一列转为多行多列排版...

    HI,大家好哈. 前几天我们有聊了如何将多行多列转一列的话题,今天就顺势来聊聊如何将一列转多行多列. 因为,一份表格,如果里面只有一列,不过有一百多行,甚至几百行, 这样子排版, 一方面,不够一目了然 ...

  8. 1.VBA实现EXCEL中Sheet1的 甲列 相同数值的行对应的乙列的数的和作为Sheet2中丙列中与Sheet1中甲列 相同的行对应的丁列的值...

    今天有一同学,喊我帮忙处理EXCEL中数据的问题,题目表述太含糊,简单说,分3步工作: 1)找出SHEET1的"甲列"中相同的行, 2)把相同的行对应的"乙列" ...

  9. @ConfigurationProperties放在类上跟放在方法上有什么区别

    声明数据源的时候,在类上写@ConfigurationProperties(prefix = "druid.spring.datasource") 查询的时候对应的数据源是没有绑定 ...

最新文章

  1. 干货:排名前 16 的 Java 工具类!
  2. 基于GAN的自动驾驶汽车语义分割
  3. 安装gcc 4.8.2 for cxx 11
  4. MySql遇到字段中有空格
  5. 【Python基础】Python之collections库-Counter
  6. 文献学习(part27)--Regularization Paths for Cox’s Proportional Hazards Model via Coordinate Descent
  7. Springboot 整合mybatis,实现多数据读写分离分库分表
  8. 【Spring 基础注解】对象创建相关注解、注入相关注解、注解扫描详解
  9. 医院计算机科学与技术笔试试题,医院信息科招收计算机科学与技术专业的笔试试题...
  10. 微信小程序跳转视频号直播
  11. 服务器IP变更后如果更新openfire 服务IP
  12. java.time.duration_java.time.Duration
  13. QQ空间热修复原理深入解析
  14. uni-APP 联系我们
  15. 3D建模 UG8.0 32位安装过程
  16. mcreator安装教程
  17. P1010 [NOIP1998 普及组] 幂次方 题解
  18. Android 10.0 蓝牙去掉传输文件的功能
  19. 英语语法笔记——定语从句(四)
  20. mac kendryte使用model-cmpiler运行kpu-demo

热门文章

  1. 普元eos使用svn_普元DevOps介绍
  2. SIP协议出现488 Not acceptable here
  3. 为啥SpringBoot更多普遍采用Controller+Service接口层+ServiceImpl接口实现层
  4. 如何用C语言实现三子棋的人机博弈
  5. 扒站,仿站,下载网页,工具,软件,神器,无脑傻瓜版,一键操作
  6. python连接企业微信数据库_python调用企业微信API
  7. 轻量级开源php源码,YzmCMS轻量级开源CMS v6.0
  8. 要画分子结构图,就用ChemDraw
  9. 脱贫帮扶绩效评价-2020年华数杯C题(含python代码)
  10. csc和acsc--余割和反余割函数