uniapp初学笔记20211002(零入门)

1.app.vue是全局样式css,所有页面都可以调用
2.Page页面里面的style样式优先于全局样式app.vue
3.page页面:分为三个部分,templet,script,style,templet里面只有允许有一个一级view,不然会报错
4.pages.json文件:是全局配置文件,包括页面路径path、顺序、窗口样式style,添加页面是路径自动生成,窗口样式是针对样式窗口
5.tabBar组件:底部菜单栏,在前端切换页面是可以通过底部菜单,可以设置选中和未选中时的样式,同时也可以配置底部菜单图标。tabBar组件也是在pages.json文件中配置
6.生命周期:应用生命周期是在app.vue配置,页面生命周期在页面中script代码段配置
7.模板语法:uniapp遵循vue语法,使用双大括号{{参数}}输出,v-html会是对参数标签进行解析,v-text不会解析标签,双大括号也不会解析标签
8.样式绑定:除了内联和全局外联样式,还可以在页面script里面通过v-bind绑定样式,比如:v-bind:class=“text”,然后在data-return编辑样式
9.事件绑定:当我们操作页面的时候会产生一些事件,可以使用v-on对事件进行绑定,比如:v-on:οnclick=“click”,然后在methods定义click事件逻辑,v-on可以使用@符号代替,如:@click=“click”
10.条件渲染:v-if="show"和v-show="show"功能差不多,但是v_if是删除和创建,而v_show是显示和隐藏,建议使用v-show。但是如果使用v_else,就必须使用v-if,且v-if和v-else必须平级且相邻
11.列表渲染:v-for=“item in list”
12.v-model:双向绑定,获取在输入框里面的内容,也可以更改输入框的内容。一般使用在用户输入数据并提交后,获取数据并清空输入框
13.vue实例的生命周期:从创建到销毁的过程。
创建前:beforeCreate(){}
创建后:Created(){}
14.计算属性:computed:{ }
15.组件:父子组件之间可以相互传值,一般新建组件可以放到新的一级文件夹中,接受的值要求是相同的数据类型

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值