由于编辑器的设置有分用户设置
和工作区设置
用户设置
就是全局的基本设置,由于上面的功能在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:value
key是什么,value是什么
<script>
:分成两部分1、逻辑部分:除了config对象,其他对应.js
文件;2、配置部分:即config对象对应.json
config
对象对应.json
,但是可以是原生js对象最后会格式化成JSON
上面3个标签都支持src
和lang
属性:
src
:引入外联的文件,使用了这属性内联的代码无效
然后就可以在任何一个组件中使用:
// states为数组,元素只能是字符串和`vuex`的用法一样
redux-actions
,来实现mutations
和actions
如果鈈喜欢这个可以自己换redux-thunk
,都可以这些内容都属于redux(异步action),有自己的实现方案就行你甚至都不用也可以。
小程序嘚组件间通信和web端的组件是有分别的,小程序的组件两者通信主要通过广播的方式。
$broadcast
:事件是由父组件发起所有子组件都会收到此广播事件,除非事件被手动取消
$emit
:事件发起组件的所有祖先组件会依次接收到$emit
事件
$invoke
:是一个页面或者组件对另一个组件中的方法的直接调用
// 所有在当前页面或者组件中的组件如果events定义了changeState事件,就会调用其回调函数以及传入参数
// 所有在当前组件的父组件或者父页面中,如果events萣义了getId事件就会调用其回调函数,以及 传入参数11
redux 配置例子主要文件有
代码涉及修飾符
项目src 目录如下图:
实现过程图片(从左到右):
下面是src 下面的文件打包
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。