vue2初使用

 分3步进行vue2使用

 <!-- 1.引入vue.js库 -->

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

  <!--

    2.定义一个挂载点

      + vue中的操作的它是先把dom转为虚拟dom进行处理操作，操作完成后在转为真实的dom，此时需要把真实的dom回显了到页面中，回显就需要当前的页面有一个节点，才能回显进去

      body当作挂载点有一个缺点，它无法实现多挂载点，vue不用

      一般都有一个div来当用挂载点，给div起一个id名称 默认一起名称为  app

   -->

  <div id="app">

    <!-- 使用vue的模板语法把vue中声明的数据在模板中回显出来 -->

    <h3>{{ msg }}</h3>

    <hr>

    <!-- 指令 v-model语法糖 -->

    <input type="text" v-model="msg">

  </div>



  <!--

    3.实例化vue，进行数据的声明和相关操作

    -->

  <script>

    const vm = new Vue({

      // vue处理完毕后，要把真实的dom挂载到当前的网页的什么位置节点选择器

      el: '#app',

      // 声明数据，写在此处的data它可以为对象也可以为函数如果为函数则一定要返回一个对象

      //  + 注：vue3中全部为函数

      data: {

        msg: '你好vue'

      }

    })