zoukankan      html  css  js  c++  java
  • 读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,




  • 相关阅读:
    C++ 顺序表实现
    C++ 第三十四天
    C++ 第三十三天
    机器学习相关- 学习资料收集
    【Debian 8.8】Java 8 安装以及环境变量配置
    算法导论(第三版)练习 1.2-1 ~ 1.1-3
    条款33: 明智地使用内联
    条款32: 尽可能地推迟变量的定义
    条款31: 千万不要返回局部对象的引用,也不要返回函数内部用new初始化的指针的引用
    【Nginx】进程模型
  • 原文地址:https://www.cnblogs.com/GGbondLearn/p/13324393.html
Copyright © 2011-2022 走看看