vue

一：目录结构介绍 二：项目介绍 build 文件夹 及 子目录 这里面是一些 webpack 的配置，主要用于项目打包时的一些设置。这里不去更详细的深入，相关的文件及配置会在后面用到时在详细的介绍。 config 文件 及 子目录 这个文件夹里装的是整个项目 开发运行时的一些配置，比如npm run dev 时 项目的启动端口 之类的 。 node_modules  文件 及 子目录 这个文件夹里…

当使用vue做登录的时候，我们会把拿到的部分用户信息存在vuex+cookie中，我们知道，vuex的数据是会随着浏览器刷新而丢失的，此时我们会重新请求接口对vuex的数据进行再次赋值，如下 当有cookie但是vuex没有数据的时候再次请求赋值 state mutation vuex的数据是异步的，当我们页面需要直接拿vuex的值进行渲染的时候，初始化瞬间(即请求过程进行的时候)，vuex是没有…

文章目录 一、什么是计算属性： 二、computed运行原理 三、vue2的写法 vue3的写法 总结 一、什么是计算属性： computed函数，是用来定义计算属性的，计算属性不能修改。 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。 计算属性还可以依赖多个Vue 实例的数据，只要其中任一数据变化，计算属性就会重新执行，视图也会更新。 …

官方定义Mixin Mixin 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个 mixin 对象可以包含任意组件选项。当组件使用 mixin 对象时，所有 mixin 对象的选项将被“混合”进入该组件本身的选项。 项目中如何使用Mixin 在src文件夹下创建一个mixins文件夹 在demomixins.js文件下 export default { data() { retu…

1..首先找到config文件夹目录下的 index.js文件 // Various Dev Server settings //host: 'localhost' //将localhost进行替换成 0.0.0.0 host: '0.0.0.0', // can be overwritten by process.env.HOST port: 8080, // can be overwritte…

效果 html <div class="content"> <mt-navbar class="page-part" v-model="selected"> <mt-tab-item class="my" id="1">我发布的</mt-tab-item> <mt-tab-item id="2">我相关的</mt-tab-item&…

简单日程表 1. css文件如下： body{ width: 1200px; height:800px; background: aquamarine; } #style1{ position: fixed; top: 0; left: 40%; font-size: 30px; color: red; } #style2{ position:absolute; top: 200px; left:…

Vue.prototype 挂载到 vue 实例上面或者在其它地方需要使用时，引入该模块便可。 在vue全局的js中引用你所需要的包 写法 Vue.prototype.$name = name 其他类如何使用 用法在原来的基础上加 this.$方法 版权声明：本文为linyin_666原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https://bl…

一 业务场景:树数据量过大 二 解决方案: 1.异步加载 2.手风琴模式 3.保存已加载的选中的节点keys(未加载的子节点不保存),页面初始化时设置选中的keys 4.匹配时根据节点的绝对路径进行匹配 三 代码 1.created方法中设置this.checkedKeys即可在页面初始化时加载节点的选中状态 2.使用json数据模拟ajax请求,实际开发中将json数据替换为ajax返回值并用j…

您的三连支持是我创作的动力！ 这里写一个简单的给页面元素添加水印背景的方法，主要是添加文字行的。 步骤1：在canvas中画出这个水印 这里我写的注释很详细了，不会的可以看看canvas的相关api。 /** * 给一个页面元素添加水印背景 * @param text 文字内容 * @param textColor 文字颜色 * @param backgroundColor 背景色 * @para…