可以把work改成age

news/2024/7/10 1:59:35 标签: vue 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>陈尼克</title>
<style>
  [v-cloak] {
    display: none;
  }
</style>
</head>


<body>
  <div id="app" v-cloak>
    <p>姓名: {{ name }}</p>
    <p>年龄: {{ state.age }}</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 name = ref("Nick")
          const state = reactive({
            age: "18",
          });
          return {
            state,
            name,
          };
        },
      };

      createApp(App).mount("#app");
      </script>
     
</body>
</html>

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

相关文章

为什么必须用const { createApp, ref, reactive } = Vue；而import { defineProps, reactive } from ‘vue‘不行，二者有什么区

为什么必须用const { createApp, ref, reactive } = Vue；而import { defineProps, reactive } from ‘vue‘不行，二者有什么区

这个直接不显示 <!DOCTYPE html> <html> <head> <meta charset"utf-8"> <title>陈尼克</title> <style>[v-cloak] {display: none;} </style> </head><body><div id"app" v-cloak><…
阅读更多...
darknet在windows上的安装编译与使用

darknet在windows上的安装编译与使用

目录 目录 前言 1&#xff0c;操作系统环境 2&#xff0c;下载darknet 3&#xff0c;下载安装Cygwin 4&#xff0c;编译darknet 5&#xff0c;使用darknet 前言 本篇文章参考这篇&#xff1a; http://www.cnblogs.com/jackkwok/p/9045890.html 但部分细节随着时间发生了变化。…
阅读更多...
加一个work也可以，变三行了

加一个work也可以，变三行了

<!DOCTYPE html> <html> <head> <meta charset"utf-8"> <title>陈尼克</title> <style>[v-cloak] {display: none;} </style> </head><body><div id"app" v-cloak><p>姓名: {{ n…
阅读更多...
openFeign实现服务间并且调用时传递header以及新增header, header透传

openFeign实现服务间并且调用时传递header以及新增header, header透传

场景&#xff1a;A服务调用B服务&#xff0c;并且在进入到B服务之前&#xff0c;设置一个自定义的hader值&#xff0c;实现如下&#xff1a; 1、创建FeignConfiguration&#xff1a; import feign.Logger; import feign.RequestInterceptor; import feign.RequestTemplate; i…
阅读更多...
再加一个也行，不放在state下，行不行呢？

再加一个也行，不放在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>姓名: {{ n…
阅读更多...
idea 自动提示数据库信息

idea 自动提示数据库信息

1. 在idea中编写sql时候很容易出现列名错误&#xff0c;可以在idea中进行配置。建立连接 添加一个新的连接&#xff0c;出现连接的配置信息&#xff0c;可以根据连接填写信息。test connection 测试之后&#xff0c;如果没有驱动会自动打上驱动。 配置完成之后&#xff0c;会出…
阅读更多...
MYSQL8的my.ini位置

MYSQL8的my.ini位置

C:\ProgramData\MySQL\MySQL Server 8.0
阅读更多...
@Service注解是标注在实现类上的的接口中添加注解还是在实现类impl

@Service注解是标注在实现类上的的接口中添加注解还是在实现类impl

Service注解是标注在实现类上的 因为Service是把spring容器中的bean进行实例化&#xff0c;也就是等同于new操作&#xff0c;只有实现类是可以进行new实例化的&#xff0c;而接口则不能&#xff0c;所以是加在实现类上的。 IOC的思想&#xff1a;A不直接调用B&#xff0c;而是…
阅读更多...
最新文章

Copyright @ 2022~2023