Vue2：初始化一个vue实例

安装导入vue.js，选择版本vue2最新版2.7.14

vue CDN by jsDelivr - A free, fast, and reliable Open Source CDNhttps://cdn.jsdelivr.net/npm/vue@2.7.14/

 

创建容器

 <div id="app">
  </div>

 script导入：

<script src="../js/vue2_script.js"></script>

初始化一个vue实例

  <script src="../js/vue2_script.js"></script>
  <script>
    const vm = new Vue({
      el:'#app',
    })

测试

  <div id="app">
    {{1+2*3}}
  </div>

alt+B运行，对于插入{{1+2*3}}会被直接解析，出现7表示成功

模块导入：

  <script type="module">
    
    import Vue from '../js/vue2_esm.js'

    const vm = new Vue({
      el:'#box',
    })
  </script>

同源限制，服务器运行，结果为7