随笔分类 - vue3.0
摘要：###1、state state写法有变化，新版state的写法和vue2的data写法神似，是一个函数返回一个对象，而不是一个普通的对象了。由于是用ts写的，所以创建的state一定要有类型。 import { createStore } from "vuex"; //一定要有类型 interfa
阅读全文
摘要：参考文章： vue2 https://juejin.cn/post/6844903918313406472 https://www.jianshu.com/p/631abdfa5464 https://www.cnblogs.com/qlongbg/p/12932728.html https://b
阅读全文
摘要：reactive声明的响应式，vue3 使用proxy，对于对象和数组都不能直接整个赋值 let arr=reactive([1,2,3]); arr=[4,5,6] //arr会丢失响应式 // 这几种办法都可以触发响应性，推荐第一种 // 方案1：创建一个响应式对象，对象的属性是数组 const
阅读全文
摘要：这样props就可以拥有ts的类型推断。 这是带默认值的写法： const props = withDefaults( defineProps<{ consentValue?: any; type?: string; contentType?: string; contentName?: strin
阅读全文
摘要：以下代码同样也是在setup语法糖中的写法 watch接收三个参数， 一个想要侦听的响应式引用或 getter 函数 一个回调 可选的配置选项 （1）使用watch监听ref的数据 <template> <p>我是新的首页</p> <button @click="change">改变num1的值</
阅读全文
摘要：在vue3中生命周期有改动，具体请看vue官网。 使用的时候一般在前面加上on，比如onMounted，以下同样是在setup语法糖中写法： <script lang="ts" setup> import { onMounted } from 'vue'; const aa=()=>{ consol
阅读全文
摘要：在setup语法糖中父子组件的写法有两种 1、第一种用defineProps和defineEmits （1） 父组件传值给子组件，子组件用defineProps接收 父组件代码： <template> <div class="home"> <HelloWorld :msg="num" @change
阅读全文
摘要：在vue3的项目中注意vue-router一定要安装4.x以及以上的版本 npm install vue-router@next -S
阅读全文
摘要：在刚刚接触vue3.0的时候我们的setup基本都是这样写的，也必须返回之后模板才能使用变量或者函数 //类型是ts类型 <script lang="ts"> import { defineComponent } from "vue"; export default defineComponent(
阅读全文
摘要：参考链接：https://juejin.cn/post/6955395084518948900
阅读全文
摘要：1、vue2 响应式原理 //源数据 let person = { name: '张三', age: 10 } //vue2中响应式 //#region let p = {}; 给p加了个name属性，值是undefined Object.defineProperty(p, 'name', {})
阅读全文
