HTML中使用VUE的模板页面

最新推荐文章于 2024-08-14 20:09:38 发布

劲枫

最新推荐文章于 2024-08-14 20:09:38 发布

阅读量1.4k

点赞数 1

分类专栏：笔记

本文链接：https://blog.csdn.net/TCF_JingFeng/article/details/108107281

版权

笔记专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>111</title>
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
    <p>{{ message }}</p>
    <button @click='click'>按钮</button>
</div>
<script>
  new Vue({
    el: '#app',
    data: {
      message: '33'
    },
    mounted(){
      console.log(111);
    },
    created(){
      console.log(222);
    },
    methods:{
      click(){
        console.log(333);
      }
    }
  })
</script>
</body>
</html>