组件
1. 组件:可复用的Vue实例,且带有一个名字。
全局组件:在vue实例外定义,Vue.component( '组件名', 模版)
局部组件:在vm实例中增加一个配置项 cmponents: { 组件名:{ 模版 }}
命名规范:1. 建议采用小驼峰,方便调用
2. vOneInfo ==》<v-one-info></v-one-info>
3. 不能使用已有标签名
2. template 模版
组件的模版只能有一个根元素。
3. data:组件中的data必须是函数,必须有返回值,返回值为对象类型。
v-if:会引起生命周期的改变
v-show:不会引起生命周期的改变
4. vue-cli 脚手架
安装:
- npm i webpack -g
- npm i vue-cli -g
- vue init webpack demo
- cd demo
- npm run dev
5. vue中的bug:
- 数据新增属性页面不渲染问题:
- this.$set(target, key, value)
- vm.$set(target, key, value)
- Vue.set(target, key, value)
- 如果要渲染的是请求回来的数据,需要新增属性时,先给数据遍历新增属性,之后再赋值;
- 如果绑定自定义事件不执行,可添加.native修饰符,让其以原生的方式解析。