首页 > 其他分享 >Vue学习-组件

Vue学习-组件

时间:2023-07-03 09:11:59浏览次数:31  
标签:Vue 自定义 一个 标签 daitu 学习 组件

组件也相当于一个自定义标签,下面是一个自定义标签的一个例子:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
<daitu></daitu>
</div>
<!--导入Vue.js-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script>
<script>
    //定义一个Vue组件
    Vue.component("daitu",{
        template: '<li>Hello ,daitu</li>'
    })

    // 创建一个新的 Vue 实例
    var vm = new Vue({
        el: '#app',
        data: {

        }

    });
</script>
</body>
</html>

 

标签:Vue,自定义,一个,标签,daitu,学习,组件
From: https://www.cnblogs.com/daitu66/p/17521868.html

相关文章

  • vue element admin 环境搭建
    安装node.js及npm参考官网node-vnpm-v项目下载#克隆项目gitclonehttps://github.com/PanJiaChen/vue-element-admin.git#安装依赖npminstall#设置淘宝仓库npminstall--registry=https://registry.npm.taobao.org#启动服务npmrundev......
  • C# 学习笔记 - 类
    类与其他面向对象编程语言一样,C#序的功能是在一个或多个类中实现的。类的方法(methods)和属性(properties)包含定义类行为方式的代码。C#通过封装属性和方法,以及启用多种类型的多态性(包括通过继承实现的子类型多态性(subtypingpolymorphismviainheritance)和泛型的参数多态性(para......
  • vue2-props-required必填项
    props的required必填项<template><div><h5>Count组件</h5><p>count的值是:{{count}}</p><button@click="add">+1</button></div></template><script>expo......
  • 基于vue-router的matched实现面包屑功能
    如上图所示,就是常见的面包屑效果,面包屑的内容一般来说,具有一定的层级关系,就以上图为例,首先是进入首页,然后点击左侧导航,进入活动管理下的活动列表页面,然后点击某一条数据,进入活动详情页面这正好与vue-router的mached属性所获取的结果有着相似的原理,所以可以基于此来实现面包屑效......
  • vue2-props-type值类型
    在声明自定义属性时,可以通过type来定义属性的值类型。示例代码如下:<template><div><h5>Count组件</h5><p>count的值是:{{count}}</p><button@click="add">+1</button></div></template>&......
  • Jmeter学习之一_连接与测试Redis
    Jmeter学习之一_连接与测试Redis简介下载:https://dlcdn.apache.org//jmeter/binaries/apache-jmeter-5.6.zip注意事项:Don'tuseGUImodeforloadtesting!,onlyforTestcreationandTestdebugging.Forloadtesting,useCLIMode(wasNONGUI):jmeter-n......
  • golang汇编学习(寄存器)
    好久没有写博客了,上一篇写的汇编只是简单的调试了一下,这段时间又看了下,做一个简单的汇总。两个代码汇编代码,1_amd64.sTEXT·add(SB),$0-0MOVQa+0(FP),AXMOVQb+8(FP),BXADDQAX,BXMOVQBX,c+16(FP)RET主函数1.gopackagemainfuncadd(a,bint)intfuncmain()......
  • ryujinx1.1.951 安装及手柄连接 - 学习研究
    安装走官网安装,选择底部的下载(包含网络功能)https://ryujinx.org/download安装ava版本设置key下载key文件https://prodkeys.net/下载过程中使用的是下载最新即可将key放到对应的目录,打开模拟器数据文件目录,并找到下层的system目录将下载的key压缩包中的两个key文件......
  • pycharm的接触学习[230702]
    安装python前的三个概念解释器海110110边100011的111011​→python解析器→卡101001......
  • C# 学习笔记 - 命名空间
    命名空间命名空间的存在是为了解决编译器无法处理的重名问题。举个例子:如果没有命名空间,你将无法创建一个名为Console的类,因为.NET已经在System命名空间中使用了这个名称。命名空间采用如下方式进行定义:namespaceMyApplication{//Thecontenttoresideinthe......