快速编写前端 HTML、JavaScript、Vue 代码
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
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 ++;
    }
 }
});