怎么使用VUE

步骤

• 使用步骤
• 1：引包，具备vue对象
• 2：启动vue 通过 new Vue(options);
• 3：配置options对象
• 4：参数：el: '目的地' template: '模板' data: function () {return { '要使用的key ： 数据' }}
• 5：页面中存在该目的地，同jq语法

代码

  <div id="app"></div>
  <!-- 引包 vue.js有报错信息 vue.min.js压缩后的没有报错信息-->
  <script src="./node_modules/vue/dist/vue.js"></script>
  <script>
    new Vue({
      // el: 发生行为的目的地
      // el: document.getElementById('app');
      el: '#app',
      // template: 装载的模板
      template: '<div><h1>大家好 {{text}}</h1></div>',
      // 动态数据的声明
      data: function() {
        return {
          // template 中需要的数据
          text: 'hello vue',
        }
      }
    })