小程序基础学习（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})},}})