小程序基础~

注册完成才能进行vx小程序的开发.

1.1直接在浏览器搜索微信公众平台

1.2点开网页后右上角有一个立即注册按钮

1.3一定要点击小程序!!!

1.4根据提示消息把内容填写完成即可.注:如果有注册过的功能,换个邮箱注册即可.

1.5下载软件稳定版 Stable Build | 微信开放文档 (qq.com)https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

 下面来介绍一点wx小程序的基本功能和用法.

<view>系统设置</view>  //==<div>系统设置</div>  块级元素
<text>系统设置</text>   //==<span>系统设置</span> 行内元素

wx:for  //遍历循环
wx:key //必须要传数组里有的数据
*this //循环这个数组的每一项

v-if  v-show hidden //V-show的true的是显示 hidden的true是隐藏
v-if和v-show的使用区别在于用法,频率高的使用v-show,频率低的使用v-if

this.prperties === this.data //返回值为true 地址一样  对象比较比较的是地址
prperties 用来父传子接受数据

使用this.setData({}) 才能同步修改数据 //并不能使用=赋值这种方式修改数据

函数进行传参的时候,不能直接在函数名后面小括号直接加参数  例如:handler(id) //这种用法是错误的,
因为小程序会认为它是一个函数的全部名称  
如果需要传递参数 需要在行内里写 data-"参数"

拥有逻辑上的父级可以使用block标签  //逻辑上的父级,不会真正渲染 //不会生成父级元素的域盒子

小程序中定义函数不需要methods,直接与data同级直接定义   注:只有非公共组件没有methods,公共组件还是有methods的.
小程序中的data不是函数,是对象
小程序中没有点击事件,只有tap事件 bind:tap 中间的:可以省略  bindtap

@Import 导入文件

rpx 小程序自适应单位  //最好使用iPhone6做适配,适配的单位刚好为整数 

view为块级元素 text为行内元素 //text的user-select 控制能否被长按选中

image的mode控制图片默认样式  //小程序的image有默认的宽高,普通的html没有默认的宽高

swiper 轮播图 //功能都在文档里 例:aotuplay自动轮播 interval:'滚动的间隔事件' 	indicator-dots 显示面板指示点

rich-tex //渲染原生html字符串 //行内写nodes书写原生html

navigator 跳转到非tabBar页面 直接行内写url
//tabBar页面的 需要设置open-type="switchTab"

新建一个components公共组件,在里面新建count文件夹,在新建component组件
//在需要引用公共组件的JSON的usingComponent中 采用键值对的方法对应名称和路径

this.count获取到的是undfind  只有加上this.data.count 才能获取到值

this.properties=== this.data // true  对象的比较方法是比较地址  可以写捣蛋代码但不推荐  //父传子

this.triggerEvent //子传父   ===this.$emit
在父组件用vind:自定义事件接受="定义一个新函数"
在新函数事件对象中用e对象事件打印,获取值