七柒棄

摘要： ###1、vue.app main.js index.html三者之间的关系 index.html：主页，项目入口 App.vue：根组件 main.js：文件入口 首先先进入index.html中渲染dom，，在里面有id为app的div，之后来到main.js文件，这里有一个id为app的挂载点 阅读全文

摘要： reactive声明的响应式，vue3 使用proxy，对于对象和数组都不能直接整个赋值 let arr=reactive([1,2,3]); arr=[4,5,6] //arr会丢失响应式 // 这几种办法都可以触发响应性，推荐第一种 // 方案1：创建一个响应式对象，对象的属性是数组 const 阅读全文

摘要： 今天遇到一个事情，就是把后端返回的字段使用模板字符串拼接成自己想要的字符串，空格用\xa0来实现，但是渲染到页面的时候，f12可以看到标签里面的空格被渲染成了nbsp，如果不想要nbsp而是正常的空格，应该怎么做呢？ let data = encodeURI(要转换的值); data = data. 阅读全文

摘要： vite+vue3 https://blog.csdn.net/a1831511974/article/details/121545192 webpack+vue3 https://www.jianshu.com/p/1150876dfa04?utm_campaign=maleskine&utm_c 阅读全文

摘要： 这样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 阅读全文

摘要： https://blog.csdn.net/jh1906338271/article/details/105252414 阅读全文