• 读uni-app


    1,一套代码,多套公用

    2,运行我们想要的类型 npm run dev : (mp-weixin)

    3,打包我们想要的类型npm run build : 。。。。

    4,template + view

    5,引入一个模块

    <script>  
    var util = require('../../../common/util.js');  //require这个js模块  
    var formatedPlayTime = util.formatTime(playTime); //调用js模块的方法  
    </script>

    6,import uniBadge from "../../../components/uni-badge.vue";//1.导入组件(这步属于传统vue规范,但在uni-app的easycom下可以省略这步) 

    7,components: {  uniBadge //2.注册组件(这步属于传统vue规范,但在uni-app的easycom下可以省略这步)  }  

    8,

    9,以前是html标签,比如<div>,现在是小程序组件,比如<view>

    10,

     11,

     12,选择器不支持;元素选择器里没有body,改为了page。微信小程序即是如此。

    13,单位方面,px无法动态适应不同宽度的屏幕,rem无法用于nvue/weex。如果想使用根据屏幕宽度自适应的单位,推荐使用rpx,全端支持。

    14,每个可显示的页面,都必须在 pages.json 中注册。如果你开发过小程序,那么pages.json类似app.json。如果你熟悉vue,这里没有vue的路由,都是在pages.json里管理。

    15,app和小程序中,为了提升体验,页面提供了原生的导航栏和底部tabbar,注意这些配置是在pages.json中做,而不是在vue页面里创建,但点击事件的监听在显示的vue页面中做。

    16,

    17,

     18,

     19,

    20,

     21,

     22,应用生命周期仅可在App.vue中监听,在其它页面监听无效。

    23,

     24,

    24,

     25,

     26,

     27,

     28,

     29,使用@import语句可以导入外联样式表,@import后跟需要导入的外联样式表的相对路径,用;表示语句结束。

     30,

     31,

     32,定义在 App.vue 中的样式为全局样式,作用于每一个页面。在 pages 目录下 的 vue 文件中定义的样式为局部样式,只作用在对应的页面,并会覆盖 App.vue 中相同的选择器。

    33,

    34,

     35,

     36,

     37,

     38,

     39,

     40,

     41,

     42,




  • 相关阅读:
    caioj 1914 & CH 0x20搜索(0x27A*)例题1:第K短路 Remmarguts'Date
    多项式的化简求法
    caioj 1715 表达式的转换
    HDU 2829 Lawrence
    山海经 (线段树)
    神奇的KMP
    浅谈zkw线段树(by Shine_hale)
    线段树补充
    浅谈线段树(by Shine_hale)
    k短路
  • 原文地址:https://www.cnblogs.com/GGbondLearn/p/13324393.html
Copyright © 2020-2023  润新知