vue.js

最新推荐文章于 2025-09-07 22:29:54 发布

转载最新推荐文章于 2025-09-07 22:29:54 发布 · 47 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/gengxinnihaoma/p/7323576.html

文章标签：

#javascript #webpack #ViewUI

（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

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);
}

}