vue与微信小程序的区别

☆樱花仙子☆ 提交于 2021-02-15 01:40:56

(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流畅很多。
 
 
 
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!