Vue第二天学习

系统管理员 2022-12-16 15:24 128阅读 0赞

# 1：计数器 #

v-on:click="xxx"

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <script src="../js/vue.js"></script>
    <body>
    <div id="app">
        <h2>当前常量为：{
       {count}}</h2>
        
        
        <button @click="add">+</button>
        <button @click="sub">-</button>
    </div>
    
    </body>
    <script>
        const app=new Vue({
            el:'#app',
            data :{
                count:0
            },
            methods:{
                add:function(){
                    console.log("数字＋");
                    this.count++;
                },
                sub:function(){
                    console.log("数字—");
                    this.count--;
                }
            }
        })
    </script>
    </html>

2:Vue生命周期：

除去Vue的el标签 data标签 还有一些function回调函数，会在执行在某一个阶段进行函数的回调进行执行。

Vue规范：一般的缩进是2个空格，我们还可以设置Template模板进行快速的开发

发表评论取消回复

表情：

评论列表（有 0 条评论，128人围观）

还没有评论，来说两句吧...

相关阅读

相关机器学习入门-第二天

1，正则化-缓解过拟合 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZ

我不是女神ヾ/ 2023年03月12日 15:26/ 0 赞/ 10 阅读

相关 Vue第二天学习

1：计数器 v-on:click="xxx" <!DOCTYPE html> <html lang="en"> <head>

系统管理员/ 2022年12月16日 15:24/ 0 赞/ 129 阅读

相关 vue入门第二天

Vue常用特性表单基本操作获取单选框中的值通过v-model <!-- 1、两个单选框需要同时通过v

ゝ一纸荒年。/ 2022年09月08日 10:25/ 0 赞/ 126 阅读

相关 Collection学习第二天

今天照例学习了关于Collection集合的相关内容，今天学习了Collection的常用方法 ![watermark_type_ZmFuZ3poZW5naGVpdGk_sh

叁歲伎倆/ 2022年09月02日 11:52/ 0 赞/ 241 阅读

相关学习kotlin第二天

今天继续跟着kotlin官方文档踩坑，还是那句话，仅为记录我的学习过程，不喜勿喷。今天继续跟着kotlin官方文档踩坑，还是那句话，仅为记录我的学习过程，不喜勿喷。坑1

水深无声/ 2022年06月15日 03:49/ 0 赞/ 358 阅读

相关 html第二天的学习

列表标签首先看看word中的序表无序的 ·江西 ·河南 ·浙江 ·江苏有序的 1.牛奶 2.面包 3.包子 4.咖啡 1.

朱雀/ 2022年06月13日 14:07/ 0 赞/ 150 阅读

相关 CSS学习第二天

今日学习的内容如下：进度有点儿慢了，必须保证每天2小时的学习时间！！！ ![70][] ![70 1][] 字体系列是用font-family控制，用逗号隔开加上备

青旅半醒/ 2022年05月23日 05:34/ 0 赞/ 187 阅读

相关 HTML学习第二天

HTML学习第二天 HTML的结构 <!DOCTYPE html>  <html lang="c

水深无声/ 2022年04月03日 12:13/ 0 赞/ 180 阅读

相关 Vue.js总结第二天

1.品牌案例—完成品牌列表的添加功能 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0

清疚/ 2022年02月17日 01:46/ 0 赞/ 162 阅读

相关 Git学习第二天

Git学习第二天分支的重要操作，stash的用法，以及版本回退分支的概念首先针对commit操作，就会形成一条完整的工作时间线，新的版本会指向旧的版本。

落日映苍穹つ/ 2021年11月16日 09:00/ 0 赞/ 342 阅读