美文网首页
wx 小程序

wx 小程序

作者: 奶瓶SAMA | 来源:发表于2018-07-02 14:27 被阅读0次

    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相比 我们发现写法差不多

    
    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 改变所以也叫单项绑定
    
    以上就是我分析的相似和注意的入门事项   剩下的大家看下开发者文档来学习一下  好多都是封装好的组件  直接引就行了
    

    相关文章

      网友评论

          本文标题:wx 小程序

          本文链接:https://www.haomeiwen.com/subject/afcluftx.html