Vue简单示例

news/2024/7/10 2:36:27 标签: vue, web, 网页设计, 界面设计
webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue测试实例</title>
<script src="https://unpkg.com/vue@next"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
<div id="app">
        {{ message }}
    <runoob-a></runoob-a>
</div>
<script>
var runoobA = {
  methods: {
    count_add:function (num) {
        this.count = this.count + num
        return this.count;
    }
  },
  data() {
    return {
      count: 0
    }
  },
  template: `
    <button @click="count_add(3)">
      点了 {{ count }} 次!
    </button>`
}

const app = Vue.createApp({
    data() {
        return {
            message: 'hello world!'
        }
    },
    components: {
        'runoob-a': runoobA
    }
})

app.mount('#app')
</script>
</body>
</html>

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

相关文章

Anaconda安装第三方包(whl文件)

step1&#xff1a;下载whl文件 step2&#xff1a;打开‘Anaconda Command Prompt‘&#xff0c; step3&#xff1a;命令行窗口pip安装&#xff0c;代码如下&#xff1a; pip install 路径whl文件名 Step4&#xff1a;检查是否安装成功 命令行窗口输入&#xff1a; pip lis…

dlib库的安装

T1方法&#xff1a;pip install dlib 此方法是需要在你安装cmake、Boost环境的计算机使用 1、使用pip install Cmake安装Cmake库 2、使用pip install boost安装boost库 T2方法&#xff1a;conda install -c menpo dlib19.10 此方法适合那些已经安装好conda库的环境的计算机使…

树莓派没有模拟引脚怎么办?PCF8591上。

import PCF8591 as ADC import timeif __name__ __main__:ADC.setup(0x48)try:#读取AIN0通道上模拟信号转化成数字信号的值&#xff0c;范围是0~255print(Value:, ADC.read(0)) time.sleep(0.3)except KeyboardInterrupt: passfinally:ADC.write(0)

再鼓勇气

定点上下班就像时钟上的秒针周而复始日日同日日复始何其糙时而奋力 时而停滞三十有六心已茫然 劲无力 心失趣 月月成蹉跎空悲切 事事不如意长叹息人不老 意已老 皆不敢追求既然勇气可把画布再填斑斓何不捡起勇气再冲锋健身体 锻意志 立长志用全力把希望和憧憬 摁到开往春天的列…

情绪识别(python opencv dlib)

调用网络摄像头https://blog.csdn.net/weixin_40959890/article/details/114527379?spm1001.2014.3001.5501 情绪识别代码&#xff08;shape_predictor_68_face_landmarks.dat这个文件要放在当前目录下&#xff0c;不然要写绝对地址&#xff09;&#xff1a; #!Anaconda/ana…

单片机VIN VOUT VCC GND是什么

Vin &#xff1a; 稳压前电压输入端Vout &#xff1a; 稳压后电压输出端GND &#xff1a; 接地&#xff08;公共端&#xff09;Vin 与GND 构成电压输入回路&#xff0c;Vout 与GND构成电压输出回路 树莓派须知 不要在GPIO 的任何引脚上加高于3.3 V 的电压&#xff1b; 每个输出…

sqlserver 出现 因为文件组 'PRIMARY' 已满 的解决办法 有可能是磁盘剩余空间不足 导致的...

一般虚拟主机提供商是通过限制数据库文件的大小来实现提供定制的数据库空间的。当你把从虚拟数据库空间备份下来的文件恢复到自己的服务器上时&#xff0c;这个限制还是存在的。找到数据库文件 给增加个数据文件就好了 解决办法&#xff1a; 1.检查你的磁盘剩余空间是否足够,…

深度学习的一些评价指标

基础知识 true positive, false positive, true negative, false negative 分类正确的两类&#xff1a; true positive(简称TP)&#xff1a;对象本来为正例&#xff0c;网络识别为正例true negative(简称TN)&#xff1a;对象本来为负例&#xff0c;网络识别为负例分类错误的两…