zoukankan      html  css  js  c++  java
  • 小程序和vue的区别

    最近开发了一个比较完整的小程序项目,打算总结一下,小程序开发和vue开发的代码上的区别

    1.小程序的路由写在app.json文件里,vue写在route.js里

    2.小程序用 src="{{path}}" 绑定标签属性,vue用 :src="path" 绑定标签属性

    3.小程序用 wx:if="{{lenth>5}}" 来条件判断,vue用 v-if="lenth>5" 来条件判断

    4.小程序用 wx:for="{{array}}" 来遍历列表,默认数组的当前项的下标变量名为 index,默认数组当前项的变量名为 item;vue用 v-for="(item,index) in array" 来条件遍历列表

    5.小程序用wx.navigateTo()或wx.rediretTo()跳转页面,vue用this.$router.push()或this.$router.replace()跳转页面

    6.小程序绑定事件传参这标签里加data-变量名="参数值"的属性,事件回调方法取参时使用e.currentTarget.dataset.变量名的方式获取参数值;vue绑定事件传参直接在标签里的事件回调方法后加参数,如@click="callbackName(参数值)",事件回调方法取参数只要声明function加上参数名,如callbackName:function(变量名){ },方法体里就可以用变量名直接使用该参数

    7.小程序用<block></block>配合wx:if或wx:for来渲染包含多个元素的内容,vue用<template></template>配合v-if或v-for来渲染包含多个元素的内容

    8.小程序里给data的属性赋值需要使用this.setData()方法来更新,不能用'='直接赋值;vue给data里的属性赋值可以直接用'=',如this.a=true

    9.小程序防止事件冒泡把bindtap改为catchtap就可以了;vue防止事件冒泡用添加事件修饰符来实现,如@click.stop

  • 相关阅读:
    c++ 编译时检测结构体大小的的宏定义写法
    文本格式转换的网站,云转换
    chm格式文件,win7下用c:/windows/hh.exe打开
    visual paradigm 自动解析代码生成 UML图
    proxifiler 代理神器
    linux下设置 git ssh 代理
    一直出现 Enter passphrase for key '/root/.ssh/gitkey12.pub'
    connect-proxy rpm文件的安装
    [转] ssh免密码登录服务器
    [转] 公司局域网中代码访问 github.com
  • 原文地址:https://www.cnblogs.com/wxcbg/p/11635504.html
Copyright © 2011-2022 走看看