zoukankan      html  css  js  c++  java
  • vue与微信小程序的区别

    (1)生命周期不同

    小程序:onLoad():页面加载,一个页面只会调用一次,可以获取参数

        onShow()页面显示

        onReady() 首次显示页面,会触发onReady()方法,渲染页面元素和样式,一个页面只会调用一次。

        onHide() 当小程序后台运行或者跳转到其他页面,触发onHide()

        onUnload()页面卸载

    VUE:

        beforeCreate、created(创建)、beforeMount、mounted(挂载)、beforeUpdate、updated(更新)、beforeDestory、destoryed(销毁)

    (2)数据绑定

    vue:动态绑定一个变量的值为某个属性时,会在前面加上冒号  <img :src="imgSrc"/>

    小程序:绑定某个变量的值为元素属性时,会用两个大括号括起来   <image src="{{imgSrc}}"></image>

    (3)列表渲染

    vue:

    <ul>

      <li v-for="(item,index) in list">

        {{index}}---{{item.name}}

      </li>

    </ul>

    小程序:

    <view wx:for="{{arrList}}" wx:key="*five">
          <view id="{{index}}">
         <view>{{item.name}}</view>
          </view>
    </view>
    (4)事件绑定
    vue:    
       <div  @click='fun'></div>
    小程序:使用bindTap或catchTap(catchTap阻止事件冒泡)
      <view  bindTap='fun'></view>
     
     

    微信小程序与H5页面的区别

    (1)运行环境不同。微信小程序是基于微信平台的,H5页面是基于浏览器的。
    (2)开发成本不同。H5的开发设计开发工具、前端框架、webpack、浏览器兼容性等,而微信小程序有开发者工具并且规范了开发的标准,简单了很多。
    (3)运行流畅程度不同。打开H5,实际上是打开一个网页,而网页需要在浏览器中渲染。对于复杂的业务或者丰富的页面交互会产生卡顿现象。
      而微信小程序,他的代码直接运行在微信上,省去了浏览器渲染的步骤,因此在微信中使用小程序才会比H5流畅很多。
     
     
     
  • 相关阅读:
    Raspberry pi raspbain source mirror
    Raspberry pi 定时天气播报
    Raspberry pi 2 wireless settings.
    MATLAB 图像处理-线性变换和直方图均衡
    求向量组的等价正交单位向量组-施密特正交化 C 语言 算法
    矩阵的逆 C 语言 算法二
    矩阵的逆 C 语言 算法一
    线性方程组 解的判别 与解的结构
    How to install .bundle packages in Ubuntu?
    C 语言期中考试 程序分析
  • 原文地址:https://www.cnblogs.com/xiaoan0705/p/10396285.html
Copyright © 2011-2022 走看看