vue.js

（1）检查node版本 node -v
（2）安装vue-cli cnpm install -g vue-cli 检查是否安装成功 vue
（3）初始化项目 vue init webpack my-first-vue-project
（4）下载依赖 cnpm install
（5）运行vue环境 npm run dev

<div :class="{red:isRed}"></div>
<div :class="[classA,classB]"></div>
<div :class="[classA,{classB:isB,classC:isC}]"></div>

localStorage.setItem('type','1')
localStorage.getItem('type')

https://github.com/vuejs/vue-devtools

 

父子组件通信：
父：
{{childWords}}
<component-a msgfromfather='you die!' v-on:child-tell-me-something='ListenToMyBoy'></component-a>

methods: {

ListenToMyBoy:function(msg){

this.childWords=msg;

}

}

子：
<input type="button" value="clickme" v-on:click="clickme">
data () {

return {
msg: 'msg from hello113335655656'
}

},

props:['msgfromfather'],

methods :{

clickme (){
this.$emit('child-tell-me-something',this.msg);
}

}