weixin_44211097的博客

解决办法:在app.json中加入下面这段代码 "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } }

vue3+less安装报错：TypeError: this.getOptions is not a function解决办法：less-loader版本太高，降低less-loader版本号即可。"less": "^4.1.1","less-loader": "^5.0.0"安装依赖npm install less-loader@5.0.0 less sass sass-loader--save-dev...

V3 setup() 函数 setup函数是v3提供新的组件选项。 之前的data、声明周期、自定义函数都可以放置在内 在创建组件之前执行,初始化props,紧接着就调用setup函数,从生命周期钩子的视角来看,它会在beforeCreate钩子之前被调用 是mixins的强化版,比mixins更加灵活 因为setup()是在解析其它组件选项之前被调用的,所以避免使用this 在setup函数中定义的变量和方法需要return出去，不然无法在模板中使.

Mixin 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个 mixin 对象可以包含任意组件选项。当组件使用 mixin 对象时，所有 mixin 对象的选项将被“混合”进入该组件本身的选项。简单来说不足有二：1、所有属性都会合并到组件里面，所以相同命名会冲突。2、写完就定下来了，不够灵活vue3 提供了 setup，来解决这些问题。个人见解，其实在vue2的时候就很少使用mixin来抽象逻辑，一般抽象逻辑都会使用一个封装的js对象。而mixin更多的是像封装一个“基类”那

1、src-->views-->login-->index.vue这里面会有一个loginForm数据存储密码和账号，method里面有一个用于处理登录逻辑的方法handleLogin()：2.去store-->modules-->user.js3.api-->user.js文件4.utils-->request.js修改头像：Layout-->components-->Navbar.vue

纯手工搭建：webpack.config.js：const path = require('path')const { VueLoaderPlugin } = require('vue-loader')const HtmlWebpackPlugin = require('html-webpack-plugin')module.exports = { entry: './src/main.js', //入口文件的地址 output: { path: path

一、动态组件有的时候，在不同组件之间进行动态切换是非常有用的，比如在一个多标签的界面里：父组件：<!-- 动态组件 --> <button @click="getComp('DynaA')">A</button> <button @click="getComp('DynaB')">b</button> <button @click="getComp('DynaC')">C<.

v-on: 指令可以简写成 @一、自定义组件中，子组件获取父组件的数据

一、通过 Prop 向子组件传递数据我们使用组件时，如果模板中的内容都固定不变，那么每个模块引入该组件的内容都将一致；其实我们也可以不这样，比如我们可以将组件的某些内容变为动态的，内容由父元素的传值决定，vue给我们提供了props属性，让我们的组件可以对子组件传值。单向数据流所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外变更父级组件的状态，从而导致你的应用的数据流向难以理解。..

一、qs.parse()将URL解析成对象的形式const Qs = require('qs');let url = 'method=query_sql_dataset_data&projectId=85&appToken=7d22e38e-5717-11e7-907b-a6006ad3dba0';Qs.parse(url);console.log(Qs.parse(url));如上面代码所示,输出结果如下:二、qs.stringify()将对象 序列化成UR...

参考博客：vuex单一状态树_Vuex 应用及原理_数据科学人工智能的博客-CSDN博客组件内的状态管理流程状态管理包含以下几部分：state，驱动应用的数据源； view，以声明方式将 state 映射到视图； actions，响应在 view 上的用户输入导致的状态变化简易的状态管理方案如果多个组件之间要共享状态(数据)，使用上面的方式虽然可以实现，但是比较麻烦，而且多个组件之间互相传值很难跟踪数据的变化，如果出现问题很难定位问题。当遇到多个组件需要共享状态的...

一、axios的实例为什么要创建axios实例，它与我们直接使用的axios.get这样的写法有什么区别？引入axios,然后在页面中进行请求axios.get(‘url’).then(res=>{}),这里默认会导出实例，通常使用这个axios就可以了 而之所以要创建axios实例，是因为我们实际工作项目中，可能需要访问多个服务地址，而这些服务请求和响应的结构也可能都完全不同，那么你可以通过axios.create创建不同的实例来处理。 比如axios1是用http状态码确定响应是否正

在做vue项目的时候控制台出现下面问题时，怎么解决1. 在使用vue-cli脚手架创建项目的时候，在cnpm create app命令后，项目创建成功后通过npm run serve命令运行以后，控制台报错，sockjs.js?9be2:1606 GET http://192.168.16.105:8080/sockjs-node/info?t=1574662800493 net::ERR_CONNECTION_TIMED_OUT2.sockjs-node是一个JavaScript库，提供跨浏.

<template> <div id="head"> {{name}} <button @click="update">修改</button> </div></template><script>export default { data(){ return{ name:'zhangsan' } }.

<style> .root { width: 300px; height: 300px; background-color: beige; /* 第一种方案 */ /* position: absolute; */ /* 第二种方案 */ /* overflow: hidden; */ ...

let arr = [1, 1, 2, 3, 4, 4, 4, 3, 3, 6, 5]// 1.Set去重function unique(arr) { console.log(Array.from(new Set(arr)))}unique(arr) //[ 1, 2, 3, 4, 6, 5 ] // ------------------------------------ // 2. indexOf()去重function unique1(arr) { let.

一、父元素设置overflow:hidden<style> .outer { background-color: cornflowerblue; /* 父元素设置这个属性 */ overflow: hidden; } .inner { width: 150px; height: 150px; .

一、立即执行函数// 立即执行函数function getInfo() { return 'I am Zhang';}function showInfo(param) { console.log(param)}showInfo(getInfo()) //I am Zhang二、回调函数//回调函数function callback(param) { console.log('我是回调函数', param);}function myFun(param

盒子的四个基本内容：box-sizing(盒子模式)1. 内容盒子（普通盒子 ， 默认盒子） content-box; 盒子实际占据的宽度 : 2borderWidth + 2padding + width 盒子实际占据的高度 : 2borderWidth + 2padding + height2. 边框盒子（怪异盒子 ie低版本） border-bo...

// 父类function Father(name) { // 属性 this.name = name || 'father', // 实例方法 this.sleep = function() { console.log(this.name + "正在睡觉"); }}// 原型方法Father.prototype.look = function(book) { console.log(this..