Vue3不使用node.js,开发html应用

之前一起用node.js搭建环境,今天突然vue create项目卡壳不动,但只想练小demo,找半天没找到空环境搭建方法

后来在另一网友帮助下,找到答案

 这里没有使用new Vue  ,使用了 mainDiv.mount("#wrapper")  进行挂载

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>vue 开发单一页面</title>
</head>

<body>
  <div id="wrapper">
    <div>{{ message }}</div>
  </div>
  <!-- <script src="https://unpkg.com/vue@next"></script> -->
<script src="./js/vue.3.0.6.js"></script>

  <script>
　　// new Vue({})的形式不生效
    var mainDiv = Vue.createApp({
     data() {
        return {
            message: new Date().toLocaleString()
        }
  },
  created() {
    console.log(this)
 }
    })
    mainDiv.mount("#wrapper")
  </script>
</body>
</html>

 

posted @ 2021-02-27 21:19  lutoux  阅读(916)  评论(0)    收藏  举报