小程序基础学习（js混编）

在组件中使用外部js代码实现数据改变

先创建js文件

编写一些组件代码

 编写外部js代码 

 

在组件的js中引入外部js

 

在 app.json中添加路径规则

组件代码

<!--components/my-behavior/my-behavior.wxml-->
<view>
  <view>当前计数为{{count}}</view>
<view>
  <button size="mini" type="primary" bind:tap="jiayi">加一 </button>
  <button size="mini" type="primary" bind:tap="jianyi">减一 </button>
</view>
</view>

// components/my-behavior/my-behavior.js
import {commonbehavior } from "@components/behaviors/common"
Component({
  behaviors:[commonbehavior],

  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {

  }
})

/* components/my-behavior/my-behavior.wxss */

{
  "component": true,
  "usingComponents": {}
}

外部js代码

export const commonbehavior = Behavior({
  data:{
    count:100
  },
  methods:{
    jiayi(){
      this.setData({  count : this.data.count+1})     
      },
      jianyi(){
        this.setData({  count : this.data.count-1})
      },
  }
 
})