nagisa

不以物喜，不以己悲

nagisa

发表于 分类于 ， Valine：

computed

计算属性就是当依赖的属性的值发生变化的时候，才会触发他的更改，如果依赖的值，不发生变化的时候，使用的是缓存中的属性值。

  1. 函数形式
1
2
3
4
5
6
7
8
9
import { computed, reactive, ref } from "vue";
let price = ref(0); //$0
let m =
  computed <
  string >
  (() => {
    return `$` + price.value;
  });
price.value = 500;
阅读全文 »

发表于 分类于 ， Valine：

toRef

如果原始对象是非响应式的就不会更新视图 数据是会变的

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<template>
   <div>
      <button @click="change">按钮</button>
      {{state}}
   </div>
</template>

<script setup lang="ts">
import { reactive, toRef } from 'vue'
const obj = {
   foo: 1,
   bar: 1
}
const state = toRef(obj, 'bar')
// bar 转化为响应式对象
const change = () => {
   state.value++
   console.log(obj, state);
}
</script>
阅读全文 »

发表于 分类于 ， Valine：

绑定普通的数据类型 我们可以使用 ref

你如果用 ref 去绑定对象 或者 数组 等复杂的数据类型 我们看源码里面其实也是 去调用 reactive

使用 reactive 去修改值无须.value

阅读全文 »

发表于 分类于 ， Valine：

Vue3 的模板语法和指令和 vue2 是一样的；

模板插值语法

在 script 声明一个变量可以直接在 template 使用用法为

1
2
3
4
5
6
7
8
<template>
  <div>{{ message }}</div>
</template>
<script setup lang="ts">
  const message = "nagisa"
</script>
<style>
</style>
阅读全文 »

发表于 分类于 ， Valine：

router 路由
应为 vue 是单页应用不会有那么多 html 让我们跳转 所有要使用路由做页面的跳转
Vue 路由允许我们通过不同的 URL 访问不同的内容。通过 Vue 可以实现多视图的单页 Web 应用

阅读全文 »

发表于 分类于 Valine：

黄盈盈，1977 年出生 ，女，中国人民大学社会学系博士，研究方向有性与性别社会学、身体研究、HIV/AIDS 的社会因素、社会学定性研究方法。中国人民大学社会与人口学院教授、博士生导师，中国人民大学性社会学研究所所长，《中国“性”研究》主编。

阅读全文 »