weixin_44211097的博客

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 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外变更父级组件的状态，从而导致你的应用的数据流向难以理解。..

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

Vue3.0中引入地图（谷歌+高德+腾讯+百度）_氷泠-优快云博客以前写的一个博客，vue3引入百度地图组件，后来发现还是有问题，原来现在各个地图对Vue3的适配度不高，发现这篇博客可以附一个百度地图demo<template><div class="wrapper"> <div id="container" ></div> <Footer /></div></template><sc