• Vue的基本使用


    VUE

    • vue挂载点
    el:"标签id"
    
    • vue绑定属性
    :v-model:"属性值"
    
    • vue绑定事件
    @click:"事件名"
    
    • vue基本使用
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>test</title>
        <script src="vuejs/vue.js"></script>	// 一点要引入vue.js文件
    </head>
    <body>
    <div id="box">
        <button @click="ccc">+</button>
            <input type="text" v-model="aa">
        <button @click="ddd">-</button>
    </div>
    <script>
        
        // 生成一个vue对象
        let vm = new Vue({
            
            // 绑定挂载点
            el:'#box',
            
            // 数据
            data:{
                aa:0
            },
            
            // 方法
            methods:{
                ccc(){
                    this.aa+=1
                },
                ddd(){
                    this.aa-=1
                }
            }
            }
        )
    </script>
    </body>
    </html>
    
  • 相关阅读:
    软件工程——股票利润
    软件工程——爬楼梯
    总结
    团队4
    团队答辩
    团队3
    软工2
    团队合作(1)
    软件工程第二次作业
    软件工程第一次作业(2)
  • 原文地址:https://www.cnblogs.com/oden/p/10771368.html
Copyright © 2020-2023  润新知