组件写法
<h2>使用方法</h2>
<p>全局引入</p>
<pre><code>import Vue from 'vue';
//全部引入
import nat from 'nat';
Vue.use(nat)
//引入部分
import {THeader} from 'nat';
Vue.use(THeader)</code></pre>
<p>组件使用</p>
<pre><code>//全局
<template>
<t-header>111</t-header>
</template>
//局部
<template>
<t-header>111</t-header>
</template>
import {THeader} from 'nat';
export default {
components: {
THeader
}
}</code></pre>
<p>函数类使用</p>
<pre><code>//全局
export default {
methods: {
test(){
this.$nat.cookie.get()
}
}
}
//局部
import {cookie} from 'nat';
export default {
methods: {
test(){
cookie.get()
}
}
}</code></pre>
<h2>业务组件</h2>
<table>
<thead>
<tr>
<th style="text-align: left;">名称</th>
<th style="text-align: left;">组件名称</th>
<th style="text-align: left;">适用框架</th>
<th style="text-align: left;">负责人</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left;">[环境判断]()</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: left;">[浏览器判断]()</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: left;">[横屏判断]()</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: left;">[粘贴]()</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: left;">[app唤起]()</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: left;">[错误页面]()</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: left;">[平台接口]()</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: left;">[引擎接口]()</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: left;">[sdk接口]()</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: left;">[客户端版本比较 ]()</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: left;">[重写log方法 ]()</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: left;">[公用的错误判断 ]()</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: left;">[axios的网络请求 ]()</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
</tr>
</tbody>
</table>
<h2>引用文件</h2>
<table>
<thead>
<tr>
<th style="text-align: left;">名称</th>
<th style="text-align: left;">组件名称</th>
<th style="text-align: left;">适用框架</th>
<th style="text-align: left;">负责人</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left;">[reset样式 ]()</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: left;">[flex]()</td>
<td style="text-align: left;">vue-touch</td>
<td style="text-align: left;">vue2</td>
<td style="text-align: left;">daixl</td>
</tr>
</tbody>
</table>
<h2>外部组件</h2>
<table>
<thead>
<tr>
<th style="text-align: left;">名称</th>
<th style="text-align: left;">组件名称</th>
<th style="text-align: left;">适用框架</th>
<th style="text-align: left;">负责人</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left;"><a href="http://doc.uc108.org:8002/index.php?s=/86&page_id=3052">手势</a></td>
<td style="text-align: left;">vue-touch</td>
<td style="text-align: left;">vue2</td>
<td style="text-align: left;">daixl</td>
</tr>
</tbody>
</table>