Vue入门

第一步： 引入vue.js，其引入常见且简单的方法有两种

               1、官网下载文件：https://cn.vuejs.org/v2/guide/installation.html，然后通过<script src="js/vue.js"></script>引入

               2、CDN指向引入：<script src="https://unpkg.com/vue"></script>

第二步：确定一个目标容器

              <div id="App"></div>

第三步： 实例化一个vue

              var vm = new Vue({

                           el:  "#App"，  //通过 "id"  指向目标容器

                          data: {

                                message: "我今天准备学习vue!"，

                           }

                    });

第四部： 将data里面的数据添加到目标容器中

             <div id="App">{{ message }}</div>

 

根据以上步骤你应该可以看到页面输出内容啦！

转载于:https://www.cnblogs.com/tenro/p/7553592.html