首页 > 其他分享 >Vue学习笔记4: 天气案例

Vue学习笔记4: 天气案例

时间:2023-11-05 18:23:00浏览次数:46  
标签:info Vue isHot 天气 笔记 案例

4. Vue学习笔记4: 天气案例

<!--准备好一个容器-->
<div id="root">
    <h2>今天天气很{{info}}</h2>
    <!--绑定事件的时候:@xxx="yyy" yyy可以写一些简单的语句-->
    <!--<button @click="isHot = !isHot">切换天气</button>-->
    <button @click="changeWeather">切换天气</button>
</div>

<script type="text/javascript">
    Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。

    new Vue({
        el: '#root',
        data: {
            isHot: true
        },
        computed: {
            info() {
                return this.isHot? '炎热': '凉爽'
            }
        },
        methods: {
            changeWeather() {
                this.isHot = !this.isHot
            }
        }
    })
</script>

标签:info,Vue,isHot,天气,笔记,案例
From: https://www.cnblogs.com/Ceri/p/17810843.html

相关文章

  • Vue学习笔记2:计算属性,及其简写形式
    2.计算属性,及其简写形式data中的各项就是属性。所谓计算属性,就是拿已经写好的属性去加工或计算,生成一个全新的属性。计算属性在computed里,是一个对象。对象里可以有计算属性的getter和setter,他们都是function。与Object.defineProperty方法中的getter和setter是一样的,并且计算......
  • Vue学习笔记1:Hello World小案例
    1.HelloWorld小案例1.1采用组件化模式,提高代码复用率、且让代码更好维护。1.2声明式编码,让编码人员无需直接操作DOM,提高开发效率。1.3学习Vue之前要掌握的Javascript基础知识ES6语法规范ES6模块化包管理器原型、原型链数组常用方法axiospromiseVSCode插件:Liv......
  • 《AN IMAGE IS WORTH 16X16 WORDS: TRANSFORMERS FOR IMAGE RECOGNITION AT SCALE》阅
    论文标题《ANIMAGEISWORTH16X16WORDS:TRANSFORMERSFORIMAGERECOGNITIONATSCALE》谷歌论文起名越来越写意了,“一幅图像值16X16个单词”是什么玩意儿。ATSCALE:说明适合大规模的图片识别,也许小规模的不好使作者来自GoogleResearch的Brain团队,经典的同等贡献......
  • 高并发的哲学原理-笔记
    1、开门见山,先说结论,高并发的哲学原理就是——找出单点,进行拆分。要将每一个“大单点”都拆成“一个小单点+多个资源并行”的形式。 2、宏内核和微内核架构https://zhuanlan.zhihu.com/p/394560786https://cloud.tencent.com/developer/article/2021291?areaSource=10200......
  • 《信息安全系统设计与实现》第九周学习笔记
      《信息安全系统设计与实现》第九周学习笔记第五章定时器及时钟服务硬件定时器定时器是由时钟源和可编程计数器组成的硬件设备。时钟源通常是一个晶体振荡器,会产生周期性电信号,以精确的频率驱动计数器。使用一个倒计时值对计数器进行编程,每个时钟信号减1。当计数减为0时......
  • trie(字典树)学习笔记
    trie(字典树)学习笔记trie可以在\(O(nL)\)的时间,\(O(n\left|\Sigma\right|L)\)的空间完成插入,查找字符串。其中\(L\)为字符串长,\(\Sigma\)为字符集inttrie[N][26],tot;inttag[N];voidinsert(){intn=str.size();intu=0;for(inti=0;i<n......
  • 学习笔记8
    知识点归纳个人计算机定时器:指用于计算机系统中的一个工具或功能,用于设置和管理计算机系统中的定时任务或定时操作。个人计算机定时器可以用于多种用途,例如:系统定时关机:可以在一定时间后自动关闭计算机。定时提醒:可以设置定时提醒,例如定时提醒用户休息、完成某个任务等。定......
  • 学习笔记八
    学习笔记八一、作业要求自学教材第5章,提交学习笔记(10分),评分标准如下知识点归纳以及自己最有收获的内容,选择至少2个知识点利用chatgpt等工具进行苏格拉底挑战,并提交过程截图,提示过程参考下面内容(4分)"我在学*X知识点,请你以苏格拉底的方式对我进行提问,一次一个问题"**核心是......
  • 《信息安全系统设计与实现》第八次学习笔记
    第五章:定时器及时钟服务硬件定时器定时器是由时钟源和可编程计数器组成的硬件设备。时钟源通常是一个晶体振荡器,会产生周期性电信号,以精确的频率驱动计数器。使用一个倒计时值对计数器进行编程,每个时钟信号减1。当计数减为0时,计数器向CPU生成一个定时器中断,将计数值重新加载到......
  • mit6.828 - lab3练习笔记
    PartAExercise1练习1.修改`kern/pmap.c`中的`mem_init()`,分配并映射`envs`数组。该数组由`Env`结构的`NENV`实例组成,分配方式与分配页面数组类似。与页面数组一样,支持`envs`的内存也应在`UENVS`(定义于`inc/mlayout.h`)处映射为用户只读,这样用户进程才能读取该......