开发者社区> 问答> 正文

快速编写前端 HTML、JavaScript、Vue 代码

快速编写前端 HTML、JavaScript、Vue 代码

展开
收起
珍宝珠 2019-11-29 14:23:32 922 0
1 条回答
写回答
取消 提交回答
  • HTML、JavaScript 代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <h1 id="title">xxx公司</h1>
        <p>xxx公司是一家......</p>
     
        <div id="mybox">
            <h1>{{a}}</h1>
            <input type="button" value="按我" v-on:click="add()">
        </div>
        <script type="text/javascript" src="public/bundle.js"></script>
    </body>
    </html>
    <script>
        var title =  document.getElementById("title");
        title.onclick = function() {
            alert('我爱xxx公司,祝我面试成功');
        }
    </script>
    

    Vue 代码编写:

    import Vue from "vue";
    new Vue({
        el : "#mybox",
        data : {
            a : 100
        },
        methods : {
            add : function(){
            this.a ++;
        }
     }
    });
    
    2019-11-29 14:24:13
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
阿里文娱大前端技术实践 立即下载
前端代码是怎样智能生成的 立即下载