开始

之前用的是1.7版本的框架，官方目前是1.8最新版本

https://ask.dcloud.net.cn/article/35699
image.png
编译为小程序不会用自定义组件。
image.png
把程序用微信开发者工具打开
image.png
这里没有引用微信的自定义组件的功能。
image.png
来看微信的官方
image.png

image.png

image.png
复制这段话
image.png

  1. "usingComponents":true,

image.png
重启一下项目，这样会重新编译项目
image.png
这个时候再打开inde.json. 页面上涉及到的组件都注册到了这里。
image.png
点击关注，关注按钮没消失
image.png
点击笑脸和哭脸也没有效果。因为我们之前的一些写法已经不适用。
image.png
在关注的顶和踩 我们直接操作的数据。
image.png
我们尽量不要操作从父组件传递过来的数据
image.png
我们要另外写一个data
image.png
在本组件内定义数据，
image.png

  1. data() {
  2.             return {
  3.                 isguanzhu: this.item.isguanzhu,
  4.                 infonum: this.item.infonum
  5.             }
  6.         },

image.png
改成自己的
image.png
这个时候再点击关注
image.png
再改infoNum
image.png

  1. <view class="u-f-ac">
  2.                 <view class="u-f-ac" :class="{'active':(infonum.index==1)}"
  3.                 @tap="caozuo('ding')">
  4.                     <view class="icon iconfont icon-icon_xiaolian-mian"></view>
  5.                     {{infonum.dingnum}}
  6.                 </view>
  7.                 <view class="u-f-ac" :class="{'active':(infonum.index==2)}"
  8.                 @tap="caozuo('cai')">
  9.                     <view class="icon iconfont icon-kulian"></view>
  10.                     {{infonum.cainum}}
  11.                 </view>
  12.             </view>

全部都改掉
image.png

image.png

按照本节修改后，小程序端出现的问题

搜索框不见了， 关注后，关注按钮没有被隐藏。
image.png

顶和踩的数字 没有正确的显示 ，点击事件也有问题
image.png

结束