19-10-11 div内显示换行 v-is动态组件用法 provide和inject用法

div内保持textarea中的输入状态，和换行

1. 需要用v-html代替{{}}
2. 添加样式white-space:pre-wrap

v-is :is 动态组件

详例见嘉麒项目/productManagement/changeInfo/comps/comps/traffic-tab-pane.vue

1. import comp from comp.vue中的comp并不是组件对象，而是一个描述组件来源的对象信息，不能直接用于:is指定的参数
2. 该指令也不能接受方法作为参数，即使方法返回对象或字符串

<component v-for="item in items" :is="getCompbyName(item.name)"/>

3. 动态渲染的组件也要在components中注册，:is指令的参数就是组件的注册名
4. 需要注意的一点是，当用一个数组，渲染一个动态组件队列时，切换组件形态也就是v-is发生变化时，这个动态组件的dom会放置到尾部，但是它在数组中的原型下标却没有变化，在详见的组件由于这个发生过bug

切换方式（v-is发生改变）后，getData时，切换方式的对象总在队列尾部: 原因切换方式后，节点动态渲染getData时， children是节点顺序，和真正的提交顺序不同

provide和inject用法，了解一下什么钩子中可以调用

// 动态赋值
this._provided.attr= val;
// 取值
this.attr