weixin_43802883的博客

原创 Vue3中使用pinia+pinia-plugin-persist做持久化踩的坑

vue3下的pinia坑-----踩坑日记 组件内使用； 登录页在登录使用操作保存setToken：登录成功后并没有将token值存入localstorage中 解决办法：把获取的pinia实例对象放在需要操作pinia之前搞定，为什么pinia会抽风，待研究......................................................

原创 前端算法大全，每日更新

算法，数据结构

原创 VUE组件插槽,简单易懂，又灵活

读前提要：在slot标签中添加内容，即变成了默认内容，若父组件没有插入东西，则使用其默认内容，以下实例省略1、默认插槽//子组件：：：：：：：：：：：：名称：Son.vue<slot></slot>//父组件：：：：：：：：：：：：<Son><span>............</span></Son>2、具名插槽//子组件：：：：：：：：：：：：名称：Son.vue<slot name='title'.

原创 异步中的问题

<script>import axios from 'axios';axios.defaults.baseURL='http://........'//正确的地址export default { methods:{ getBook(){ axios({ method:"GET", url:'/api/getbooks', }).then(function(e){

原创 vue组件通讯、侦听器、计算属性、随手总结，以上编码内容都在vue脚手架内实现

1、组件通讯①父→子：在components组件中添加props，在父（App.vue）中为子标签添加对应的属性，如代码：//子组件内（dtMain.vue）/////////////////////////////////////////////<script>export default { props:['arr'],}</script>//父组件内（App.vue）///////////////////<template> &lt

原创 vue过滤器写法，VUE3.0已经移除过滤器

第一种，全局，写在main.js里import Vue from 'vue'import App from './App.vue'import 'bootstrap/dist/css/bootstrap.min.css'Vue.config.productionTip = falseVue.filter('Upcase',val=> val.toUpperCase())new Vue({ render: h => h(App),}).$mount('#app')第二种

原创 虚拟DOM

虚拟DOM：本质就是一个js对象，保存着DOM关键信息 虚拟DOM好处：提高DOM更新的性能，不频繁操作真实的DOM在内存中找到变化部分，在更新真实的DOM

原创 webpack配置笔记

原创 vue语法大全

vue指令大全1.为原生属性绑定数据v-bind:属性名=“数据名”/：属性名=“数据名”如：<a v-bind:href="url">或者<a :href="url">2.为标签绑定事件v-on:事件名=“要执行的少量代码/methods中的函数名/methods中的函数名（实参）”或者语法糖@代表v-on:<template><div> <p>你点击了这么多次{{count}}</p> <!--

原创 简单粗暴安装vuejs.devtools

火狐浏览器为例点击附加组件在搜索框内搜索vuejs.devtools附件3.点进去安装即可

原创 vue脚手架命令大全

vue脚手架命令大全查看npm目录 :npm config list查询后的prefix安装：yarn global add @vue/cli 或者npm install @vue/cli -g创建脚手架项目：vue create 项目名eslint,代码检查工具：

原创 VUE前置基础笔记

promisepromise.then(success=>{},error=>{})//回调函数，成功和失败，失败可以不写读取文件：import thenFs from 'then-fs'thenFs.readFile(url1,'utf8').then(r1=>{consol.log(r1)},err1=>{console.log(err1.message)})thenFs.readFile(url2,'utf8').then(r2=>{consol.log(r

原创 call apply bind 总结

原创 构造函数和原型对象细节

构造函数和原型对象细节function Father(uname,age) { this.uname=uname; this.age=age; } Father.prototype.money=function () { console.log(1000); }; function Son(uname,age) { Father.call(this,uname,age) } Son.prototype=Father.prototype; let

原创 构造函数和原型

构造函数原型//第二个代码块/*没用用到函数原型来写方法*/funtion Car(name,price){ this.name=name; this.price=price; this.action=function(){ console.log('我不是原型的方法'); }}let car1=new Car('玛莎拉蒂','100W');let car2=new Car('宝马','200W');console.log(car1.action===car2.action)/*输

原创 JQ常见样式操作方法

JQ常见样式操作方法1、JQ操作CSS方法返回属性值：$(‘this’).css(‘color’);在css里直接给出属性名称即可得到该属性值；修改属性值：$(this).css(‘color’,‘red’);$(this).css(‘width’,100);写法：‘属性名’+‘值’，如果是数字的话可以不用双引号;修改属性值（对象形式）$(this).css({‘color’:‘white’,‘font-size’:‘20px’});属性与属性值直接用“；”冒号隔