组件

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修饰符,让其以原生的方式解析。

 

posted @ 2020-11-02 20:13  ss_shen  阅读(133)  评论(0)    收藏  举报