Vue——入门（一）

先安装Node.js，NPM（转发）

1、windows下的NodeJS安装是比较方便的（v0.6.0版本之后，支持windows native），只需要登陆官网（http://nodejs.org/），便可以看到首页的“INSTALL”按钮，直接点击就会自动下载安装了。

 

2、安装过程基本直接“NEXT”就可以了。（windows的安装msi文件在过程中会直接添加path的系统变量，变量值是你的安装路径，例如“C:\Program Files\nodejs”）。

 

3、安装完成后可以使用cmd（win+r然后输入cmd进入）测试下是否安装成功。方法：在cmd下输入node -v，出现下图版本提示就是完成了NodeJS的安装。

 4、npm的安装。由于新版的NodeJS已经集成了npm，所以之前npm也一并安装好了。同样可以使用cmd命令行输入"npm -v"来测试是否成功安装。如下图，出现版本提示便OK了。

 

v命令的使用

模板代码创建vue对象

<script src="js/vue.js"></script>
    <script>
        //1.创建新实例
        let vm = new Vue({
            el: '#app',
            data: {
                message: 'hello',
                msg: 'sgw',
                show: true,
                hide: false,
            }


        })
    </script>

详细文档看： https://cn.vuejs.org/v2/api

---

computed 和 methods

在vue.js中，有methods和computed两种方式来动态当作方法来用的

1.首先最明显的不同 就是调用的时候，methods要加上（）

2.我们可以使用 methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值,重新赋值的时候会调用set方法.

而使用 methods ，在重新渲染的时候，函数总会重新调用执行

/*计算选项*/
computed:{
    resver(){
        return this.name.split('').reverse().join('');
    },
    jisuan:{
        get(){
            return this.firstName + this.lastName;
        },

        set(str){
            let a = str.split(" ");
            this.firstName = a[0];
            this.lastName = a[1];
        }

    }

}