uniapp学习打卡

[微信小程序开发者工具] IDE service port disabled. To use CLI Call, open IDE -> Settings -> Security Settings, and set Service Port On.

uniapp学习打卡

微信开发工具配置中[“onReachBottomDistance”] 字段需为 number

修改pages.json的字段onReachBottomDistance,再次编译就可以了

VUE笔记

1.v-bind:绑定属性值
2.v-on:绑定动作值
3.v-once:只绑定一次,不会同步更新
4.v-html:解析数据值为html,而非字符串(绝不要对用户提供的内容使用v-html插值)
5.{{可以运行装简单js的运算,但不运行方法块}}
6.指令(单个 JavaScript 表达式):当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM
7.参数(v-bind:或v-on:后接的数据值)
8.动态参数(v-bind:[动态参数]或v-on:[动态参数]后接的数据值),数据值不得带引号或空格,请使用变量
9.修饰符(form v-on:submit.prevent=“onSubmit”…/form)=event.preventDefault()
10.v-bind:class="{ active: isActive, ‘text-danger’: hasError }" 后面可以接变量,也可以直接跟对象名,比如:v-bind:class=“classobj” data ={classobj:{active:isActive, ‘text-danger’: hasError}},同时还可以接数组(多个对象名)
11.v-bind:style="{color: activeColor, fontSize: fontSize + ‘px’ }" ,后面接对象名,同时也可以支持接数组(多个对象名) vue2.3+版本之后,在样式属性值的地方,可以使用多个值,主要用来处理兼容性样式 (


12.v-if v-else-if v-else 用来按条件渲染组件
uniapp学习打卡
13.v-key用来区分结构相同的模块
uniapp学习打卡
14.v-if 条件不成立,不渲染 v-show 有渲染,只是隐藏
uniapp学习打卡
17.v-for 指令需要使用 item in items 形式的特殊语法,items 是源数据数组并且 item 是数组元素迭代的别名。

我们拥有对父作用域属性的完全访问权限

v-for 还支持一个可选的第二个参数为当前项的索引。