Vue学习笔记

发表于 更新于 分类于 阅读次数： Waline： 本文字数： 1.2k 阅读时长 ≈ 1 分钟

Vue

与Flask一起使用时的注意事项

Vue与Flask一起使用时会出现冲突，更改配置即可解决。

  • Flask
1
2
3
4
if __name__ == '__main__':
    app.jinja_env.variable_start_string = '[['
    app.jinja_env.variable_end_string = ']]'
    app.run(debug=True)
  • Vue
1
2
3
new Vue({
    delimiters: ['[[',']]']
})

指令

指令 作用
v-model
v-once 一次性插入数据，当数据改变时，插值处内容不会改变
v-html 以HTML代码的形式插入数据
v-bind (:) 用于在HTML attribute中绑定property
v-on (@) 将DOM事件与方法绑定
v-for
v-if 根据表达式的值的真假来插入/移除对应的HTML元素。

JavaScript

Truthy（真值）和Falsy（虚值）

在 JavaScript 中，truthy（真值）指的是在布尔值上下文中，转换后的值为 true 的值。被定义为假值以外的任何值都为真值。（即所有除 false、0、-0、0n、""、null、undefined 和 NaN 以外的皆为真值）。

JavaScript 中的真值示例如下

1
2
3
4
5
6
7
8
9
10
11
12
13
if (true)
if ({})
if ([])
if (42)
if ("0")
if ("false")
if (new Date())
if (-42)
if (12n)
if (3.14)
if (-3.14)
if (Infinity)
if (-Infinity)

JavaScript的逻辑与运算中，如果第一个操作数为真值，则逻辑与运算返回第二个操作数

1
2
3
4
5
true && "dog"
// returns "dog"

[] && "dog"
// returns "dog"

falsy 值（虚值）是在 Boolean 上下文中认定为 false 的值。

JavaScript 在需要用到布尔类型值的上下文中使用强制类型转换 (Type Conversion ) 将值转换为布尔值，例如条件语句和循环语句。

在 JavaScript 中只有 8 个 falsy 值。

值 说明
false false 关键字
0 数值 zero
-0 数值 负 zero
0n 当 BigInt 作为布尔值使用时，遵从其作为数值的规则. 0n 是 falsy 值。
"", '', `| 这是一个空字符串 (字符串的长度为零). JavaScript 中的字符串可用双引号 **""**, 单引号''`, 或 模板字面量 ```` 定义。
null null - 缺少值
undefined undefined - 原始值
NaN NaN - 非数值