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

news/2024/7/10 0:35:38 标签: vue

https://mp.weixin.qq.com/s?src=11&timestamp=1617861537&ver=2995&signature=Zas3obJnZoKhvGh3SDGXICbWdPHTSnqLayOGXFVxVH1ejpJSy3a1dSkfcbHMKnxQ2zBqW6YYhFtuiJ8u3ZJ2c5sWr5WQ2cI9d2R4SVHb8xMRgqMKsEwx3tJLRWI9ip&new=1

TemplateM.vue =App.vue吗?

<template>
  <div class="template-m-wrap">
    <test-com
      title="这个是组件"
      data-status="active"
      @click-event="clickEvent"
    ></test-com>
  </div>
</template>
<script>
import TestCom from "./TestCom";
export default {
  name: "TemplateM",
  components: {
    TestCom,
  },
  data() {
    return {};
  },
  methods: {
    clickEvent(e) {
      console.log("e===>", e.target)
    }
  },
};
</script>

TestCom.vue= 是组件vue吗?

<template>
  <div class="template-m-wrap">
    <test-com
      title="这个是组件"
      data-status="active"
      @click-event="clickEvent"
    ></test-com>
  </div>
</template>
<script>
import TestCom from "./TestCom";
export default {
  name: "TemplateM",
  components: {
    TestCom,
  },
  data() {
    return {};
  },
  methods: {
    clickEvent(e) {
      console.log("e===>", e.target)
    }
  },
};
</script>

main.js

import { createApp } from 'vue'
import TemplateM from "./TemplateM"

createApp(TemplateM).mount('#templatem')


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

相关文章

Python:lambda表达式实现求两个变量的最大值

lambda 表达式&#xff08;又称匿名函数&#xff09; 作用&#xff1a; 创建一个匿名函数对象 同def 类似&#xff0c;但不提供函数名 格式&#xff1a; lambda [参数1&#xff0c;参数2&#xff0c;.....]: 表达式(默认只能写一个&#xff09; 说明&#xff1a; 1.lambda 只是…

体会组件中props和$emit的用法

<!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/…

python在cmd中打印彩色文字

百度来的 颜色值不太准确&#xff0c;下面的是亲测修改的&#xff1b; 单独写了一个文件 printColor.py&#xff0c;使用的时候只要作为模块import进来就行。 import ctypes# 【强调】 有蓝色背景色 # 7 >默认值 # 0 >黑色 # 1 蓝 # 2 >绿色 # 3 >水 # 4 &g…

mybatis-plus使用对象属性进行SQL操作,经常会出现对象属性非表字段的情况,忽略映射字段使用以下注解

mybatis-plus使用对象属性进行SQL操作&#xff0c;经常会出现对象属性非表字段的情况&#xff0c;忽略映射字段使用以下注解 mybatis-plus忽略映射字段 mybatis-plus使用对象属性进行SQL操作&#xff0c;经常会出现对象属性非表字段的情况&#xff0c;忽略映射字段使用以下注解…

mysql 1054错误 Unknown column 'xxx' in 'field list'

出现问题的代码如下&#xff1a; s 测试 sql "INSERT INTO ffff(ID) VALUES (%s)" % (s) try:cursor.execute(sql)db.commit()print("写入成功") except Exception as e:print(e)db.rollback()print("回滚) 然而每次都回滚..... 并且提示 (1054…

Java @Override注解写与不写的区别

A. 简单来说override注解是告诉编译器&#xff0c;下面的方法是重写父类的方法 B. 如果不写override注解去直接重写方法&#xff0c;编译器是不会判断你是不是正确重写了父类中的方法的。 C. 如重写方法时参数与父类不同&#xff0c;程序是不会提示报错的。这会留下一个潜在的b…

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/…

解决Mybatis中出现的Invalid bound statement (not found)问题

解决Mybatis中出现的Invalid bound statement (not found)问题 在访问一个页面时弹出一下提示&#xff1a; Invalid bound statement (not found): org.loushang.fdemoramework..user.dao.UserMapper.findAll 别的不说.我用的是window系统开发...idea添加mapper.xml文件的时…