vue学习记录 第一章 初始vue

首先要你必须要去VUE官网上下载vue.js，然后才能继续下面的步骤。 
如果你不想下载的话，在有网络环境的情况下，也可以选择绝对路径的vue.js。

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

• 1

当然，和vue的官网一样，不推荐新手直接安装vue-cli 
因为那样很容易把你绕晕。当然，如果你对node.js的构建工具比较熟悉的话，也可以直接安装vue-cli

下面正式进入vue的学习：

首先你引入了vue.js

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

• 1

然后你需要在html里面写一个大的盒子用来写你的整个vue的项目。

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

• 1

然后和vue建立关联

<script>
new Vue({
    el : '#wrap',
    data(){
        return {
            msg:'aaa'
        }
    },
    methods:{//methods 存放fn的地方；
        run(){
            alert('run')
        },
        hover(){
            alert('hover')
        }
    },
    mounted(){//相当于js里的window.onload
        this.run();//直接调用run函数；
        console.log(this)
    }
});
</script>