秃头小吴

天地图为开发者提供应用程序开发接口和在线服务资源，可满足各类基于地理信息的应用开发需求。

场景：项目中难免会遇到一些要处理的数据啥的，又不能遇到一个写一个，最好是能一键使用

自动导入安装npm i unplugin-vue-components unplugin-auto-import -D配置：vue.fonfig.jsconst AutoImport = require('unplugin-auto-import/webpack')const Components = require('unplugin-vue-components/webpack')const { ElementPlusResolver } = require('unplugin-v

最近学习了子组件向父组件传值，在这记录一下，以防日后遗忘子组件... emits: ['foldChange'], //最重要 setup(props, { emit }) { const isFold = ref(true) const handleFoldClick = () => { isFold.value = !isFold.value emit('foldChange', isFold.value) } return {

最近写项目用到了时间格式化，想自己封装一个，发现自己没有那个能力，这就尴尬了，还好有万能的网友大神们，找到了data-format这个插件，用起来还是很丝滑的，上效果下面来说说使用步骤：1 安装npm install dayjs 或yarn add dayjs2 封装data-format.tsimport dayjs from 'dayjs'import utc from 'dayjs/plugin/utc'dayjs.extend(utc)const DATE_TIME_

最近在学习vue3项目，练习的时候因为觉得eslint不需要。就给删除了，然后后面再次安装依赖，准备运行项目时，出现了以下报错后面重新使用npm install eslint 安装eslint ，然后重新安装依赖npm install ,在次使用npm run serve便成功了，在这里记录以下，希望对小伙伴们有帮助...

近期写vue项目遇到scss报错，查了上午，看了各种网友的解决方案，在此，我找到了适合自己的解决方案，因为之前直接安装的sass版本过高，如果是vue2建议：npm install sass-loader@7.3.1 --save当然前提是要安装node sass 这个好像没有版本要求，npm install node-sass --save即可，–save的意思就是运行时依赖，开发后也需要依赖，–save -dev是开发时依赖，详情可以看https://segmentfault.com/q/10100.

场景:统一规定常量的名字，方便管理1，新建:mutation.type.js文件export const INCREMENT = 'increment'在index.js中导入和使用import Vue from 'vue',import Vuex from 'vuex'//路径问题大家需要注意一下import {INCREMENT} from './mutation.type.js'Vue.use(Vuex)const store = new Vue.Store({ getter

需求场景：点击增加学生成员index.jsimport Vue from 'vue',import Vuex from 'vuexVue.use(Vuex)const store = new Vuex.Store({ getters:{ students[ {id:1.name:'why1'.age:12}, {id:2.name:'why2'.age:18}, {id:3.name:'why3'.age:20}]}, mutations:{ inc

概念:是一个专门为vue.js设计的集中式状态管理架构vuex 通俗的讲，它相当于一个大管家把所有组件需要共享的属性统一存储保管安装:npm install vuex --save因为后期需要用到，所以是运行时依赖，不是开发时依赖新建store文件夹 并创建index.js文件在main.js 中引入新建的vuex文件imort store './store/index.js'再然后 , 在实例化 Vue对象时加入 store 对象 :index.js内容 new Vue({

导航守卫：也叫路由守卫业务需求：动态改变页面title1:在组件mount中 使用document.title = ‘标题名’2.使用前置钩子：beforeEach 它有三个参数（to,from,next）mate是元数据const router = { path: '/apply', name: 'apply', component: apply, meta: { title: '申请' }

创建组件这些我就不贴代码了，我直接写重点吧首先新建两个button按钮，并绑定方法这是两个方法：$router是导出的router我的是这样子的，以上内容仅供参考，每个人写代码的习惯不一样，具体情况需要根据自己的需要写，如果有错误，欢迎纠正...

有两种方法：$params和query:1：在path后面跟上对应的值{path:’/user/:userId’,component:User},路径： 这里的userId：我是在data里面定义了2:query格式：/router方式：对象中使用query的key作为参数传递路径：/router?id=123取值时，直接用即可

常用场景：当一个页面需要跳转他的子页面时 例如 /home -> /home/homeNews怎么用呢？1，创建子组件 homeNews.vue 并写一点东西在里面我就不贴代码了，我只写一些主要的代码2，配置路由 const homeNews = （） => import("./homeNews")3，注册路由 {path:’/home’,component:Home,children:[{path:‘news’,component:homeNews}}4,使用路由，

懒加载：也可以说是延迟加载或按需加载，即在需要的时候的时候进行加载。意义： 懒加载的主要目的是作为服务器前端的优化，减少请求数或延迟请求数。方式1：component：resolve=>(require([‘需要加载的路由的地址’])，resolve)方式2：const HelloWorld = （）=>import(‘需要加载的模块地址’)...

路由:路由的主要作用就是和组件结合一起实现SPA(single page application单页面富应用)作用:可以降低服务器压力，提高响应式速度1，安装npm install vue-router --save2，导入 import VueRouter from ‘vue-routerimport home from ‘./home’import about form ‘./about’3， 安装插件 vue.use(VueRouter)4.const routes = [{path

首先你需要安装一个webpack 安装命令 npm i webpack --save-dev，webpack是一个模块化打包工具1,css-loader npm install --save-dev css-loader style-loader 需引入css样式 配置module.exports = {module: {rules: [{test: /.cssKaTeX parse error: Expected 'EOF', got '}' at position 56: …oader' ]

1.父组件给子组件传递信息 ：propsprops 的形式有多种props:[‘111’,‘222’],props:{test:{type:String，default:‘111’}}2.子组件给父组件传递信息：emitthis.emit this.emitthis.emit(‘子组件的方法’, this.message（传递给父组件的信息）);...

首先： 这是一个我注册的一个组件，里面data存放了内容Vue.component(‘cpn’, {data: function(){return {count: 0}},我们要知道组件是一个独立单功能的组件，他有独立的html代码，那么当然，他一个有自己的数据，也应该有自己存放数据的地方，和其他的组件区分开来，以免其他组件数据改变，影响当前组件的data,避免产生冲突，...

这里借用官网的一张图创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁beforeCreate-created-beforeMount-mount-beforeUpdate-update-beforeDestroy-destory实例和组件通过new Vue创建之后会立即执行beforeCreatd事件，在挂载数据create,再准备渲染数据beforeMount,然后真实的渲染数据到dom中，如果有数据更改则执行beforeUpdate，更新完成之后执行create,当触发destor

关于VUE中MVVM的理解我整理了一下vue中的mvvm，在这里分享给大家M->Model mV->View,VM->ViewModelview是视图层，model是数据层viewmodel是连接view和model之间的桥梁，监听dom的事件，并回调到model中