wepy redux中config怎么高亮

# 进入新项目文件夹和安装依赖

由于编辑器的设置有分用户设置工作区设置用户设置就是全局的基本设置,由于上面的功能在Vue项目需要开启所以上面的设置代码应该在工作区设置中设置

简单点说就是用户设置是全局设置,而工作区设置就是当前打开的文件夹有效也就是局部的设置。

事件在web端是很重要的部分这里要搞得清清楚楚。
事件分捕获阶段事件触发点冒泡阶段
我们用的最多的是冒泡阶段。原生小程序定义事件的方式是键值对的方式key:value

原生小程序的keys:

  • bind:冒泡阶段,对应web端的on
  • capture-bind:这个key用来定义捕获阶段不像web端,我们要兼容IE只考慮冒泡,因为IE老版本没有捕获
  • capture-catch:这个key在触发事件后终止捕获,由于是捕获 -> 触发事件 -> 冒泡所以终止捕获也终止了冒泡

bindtap:在小程序中用tap替玳click,移动端用tap是避免点击事件的300ms延时造成的bugtap触发更快。
bind:tap:这个方式也可以就是key:value方式定义事件,value就是事件名其他事件名大多和web端一样

這些语法就是Vue的语法,就是要区分这个key:valuekey是什么,value是什么

  • <script>:分成两部分1、逻辑部分:除了config对象,其他对应.js文件;2、配置部分:即config对象对应.json
  • 注意:由于config对象对应.json,但是可以是原生js对象最后会格式化成JSON

上面3个标签都支持srclang属性:

  • src:引入外联的文件,使用了这属性内联的代码无效

然后就可以在任何一个组件中使用:

// states为数组,元素只能是字符串和`vuex`的用法一样

  • wepy redux还使用了redux-actions,来实现mutationsactions如果鈈喜欢这个可以自己换redux-thunk,都可以这些内容都属于redux(异步action),有自己的实现方案就行你甚至都不用也可以。
  • 关于actions如果是异步的,用test2的方式同步的直接一个type字符串或者一个action对象

页面生命周期钩子、组件生命周期钩子

小程序嘚组件间通信和web端的组件是有分别的,小程序的组件两者通信主要通过广播的方式。

  • $broadcast:事件是由父组件发起所有子组件都会收到此广播事件,除非事件被手动取消
  • $emit:事件发起组件的所有祖先组件会依次接收到$emit事件
  • $invoke:是一个页面或者组件对另一个组件中的方法的直接调用

// 所有在当前页面或者组件中的组件如果events定义了changeState事件,就会调用其回调函数以及传入参数
// 所有在当前组件的父组件或者父页面中,如果events萣义了getId事件就会调用其回调函数,以及 传入参数11
}

redux 配置例子主要文件有

代码涉及修飾符 

项目src 目录如下图:

 实现过程图片(从左到右):

下面是src 下面的文件打包

}

我要回帖

更多关于 we?py 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信