vuejs点滴

0.没事的时候可以看的一些博客：https://segmentfault.com/a/1190000005832164

                   

            我是父级 -> {{msg}}                       

子组件-

                varvm=newVue({

el:'#box',

data:{

a:'aaa'},

components:{'aaa':{

data(){return{

msg:111,

msg2:'我是父组件的数据'}

},

template:'#aaa',

methods:{

get(msg){//alert(msg);this.msg=msg;

}

},

components:{'bbb':{

data(){return{

a:'我是子组件的数据'}

},

template:'#bbb',

methods:{

send(){this.$emit('child-msg',this.a);

}

}

}

}

}

}

});

26.如何解决

这种原来就有元素呢，用到slot。

27.多层路由：

28.手动配置自己的webpack+vue-loader

脚手架:

vue-cli——vue脚手架

帮你提供好基本项目结构

本身集成很多项目模板:

simple个人觉得一点用都没有

webpack可以使用(大型项目)    Eslint 检查代码规范， 单元测试

webpack-simple个人推荐使用, 没有代码检查√

browserify-> 自己看

browserify-simple

--------------------------------------------

基本使用流程:

1. npm install vue-cli -g安装 vue命令环境

验证安装ok?

vue --version

2. 生成项目模板

vue init <模板名> 本地文件夹名称

3. 进入到生成目录里面

cd xxx

npm install

4. npm run dev

--------------------------------------------

分类:js1知识点深入研究

转载--飘然离去