前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >wx 小程序

wx 小程序

作者头像
河湾欢儿
发布2018-09-06 17:44:21
7920
发布2018-09-06 17:44:21
举报

1.首先我们拿到一个新的框架(我感觉wx小程序和框架差不多),先分析里面的东西 例如这个微信小程序 我们先看下面的四个文件[图片上传失败...(image-b7995a-1530512606769)]

接下来我们分析文件

图片1.png

①app.js 这里面是存放了用户数据信息 ②app.json 先看到pages 这里面是存放了配置文件 第一个默认为首页 window 里面存放了title标题 有颜色和样式等等 ③app.wxss 这里面就是存放了一些样式 可以把它看做一个css文件 ④project.config.json 个人感觉像是存放了一些项目配置文件(里面第一行写的就是项目配置文件...哈哈哈哈)

2.再看pages文件 里面就是存放了项目目录 里面每一个文件夹可以看成就是一个页面 里面的页面会有css 和js这些基础配置文件 当然在这里后缀名当然不是css 和js 分别是 哦对 js还是js css的话后缀名是wxss 然后wxml 就是html

3.相对于和vue相比 我们发现写法差不多

代码语言:javascript
复制
Block==(并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。)

Wx-if==v-if (else 和else if 也是)

Hidden=”{{}}”   ==  v-show

Class==v-bind:class

Bindtap==v-on:event

Src==”{{}}”   ==  :src

扩展(传参)

微信小程序:微信小程序的时间我试过只能穿函数名,至于函数值,可以绑定到元素中,在函数获取,例如绑定 data-id

 Vue:可以直接把参数卸载后面的括号里

改变值

Vue 可以直接this.属性名 改变数据  所以也叫双向绑定

小程序  传值是更接近于react  都需要this.setDate 改变所以也叫单项绑定

以上就是我分析的相似和注意的入门事项   剩下的大家看下开发者文档来学习一下  好多都是封装好的组件  直接引就行了
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.07.02 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档