Stavin Li的博客

【代码】vue2.7.4组件setup中获取Vue.prototype上的方法。

Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范草案，将 元素作为承载分发内容的出口。

"experimentalDisableTemplateSupport": true。//目的：跳过 vue-tsc 中的模板类型检查，从而禁用模板 TS 支持。可以将内存使用量减少一半以上。（如果同时开启低功耗模式，内存占用会减少到1/4以下）

vue provide/inject实现数据响应

App.directive('limit-num', { ...

问题：Uncaught (in promise) Error: Redirected when going from "A" to "B" via a navigation guard."vue-router": "^3.0.7"解决办法：import VueRouter from 'vue-router';...const originalPush = VueRouter.prototype.push;VueRouter.prototype.push = function push(l

以注入参数 brole为例，默认值为'0'// src/router/index.jsconst routes = [ ...];const router = new VueRouter({ routes});router.beforeEach((to, from, next) => { if (to.query.brole) { next(); } else { next({ path: to.path, query: { brole: from.quer

<ul class="list" ref="scrollBox"> <li v-for="(item, index) in data" :key="index"> ... </li></ul><script> mounted() { // 监听如果页面发生滚动时 this.$nextTick(() => { this.$refs.homeUl.addEventLis

Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范草案，将 元素作为承载分发内容的出口。

结论：在 vue2 与 vue3 中 v-for与v-if 两者优先级不同，不推荐在同一元素上使用 v-if 和 v-forvue2当它们处于同一节点，v-for 的优先级比 v-if 更高，这意味着 v-if 将分别重复运行于每个 v-for 循环中。当你只想为部分项渲染节点时，这种优先级的机制会十分有用。vue3当它们处于同一节点，v-if 的优先级比 v-for 更高，这意味着 v-if 将没有权限访问 v-for 里的变量。...

1.v-model 解析语法糖在内部为不同的输入元素使用不同的property并抛出不同的事件：a. text 和 textarea 元素使用 value property 和 input 事件；b. checkbox 和 radio 使用 checked property 和 change 事件；c. select 字段将 value 作为 prop 并将 change 作为事件。2.v-model实现### parent.vue<template> <div&

npm: vue-cli-plugin-publicpath安装installvue cli vue add publicpathyarnyarn add vue-cli-plugin-publicpath --devnpm npm i vue-cli-plugin-publicpath --save-dev配置Configurationvue.config.jsmodule.exports = { baseUrl: '//js.cdn.com', // js pub.

Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范草案，将 元素作为承载分发内容的出口。分类1. 默认插槽## child.vue<p> <slot>It's child</slot></p>### parent.vue<child>It's my child</child>2. 具名插槽## child.vue<div> <h3>

//1.main.js中初始化事件调度中心Vue.prototype.$eventBus = new Vue()//2.发布this.$eventBus.$emit("eventName")//3.订阅this.$eventBus.$on("eventName",function(){ console.log("go on")})//4.注意在 组件生命周期 beforeDestroy 内，解除订阅。this.$eventBus.$off("eventName")...

以这个审批设置为例里面是个vue项目，没有直接放在a.xxx.com下面，而是放在了/espace/下面修改1.router.js2.vue.config.js3.nginx配置server { listen 8001; location / { root /opt/espace; #示例 /root/lc/dist #注意：用‘/’ index index.html index.htm; try_files $uri $uri/

以 espace 和 mobile 项目为例server { listen 8001; location / { root /opt/espace; #示例 /root/lc/dist #注意：用‘/’ index index.html index.htm; try_files $uri $uri/ /index.html; #解决子...

UI钉钉风格技术点组件自调用+递归处理，按树状结局处理审批流程问题主要功能点界面缩放节点设置（包括审批人、发起人、抄送人、条件设置）

解决办法：方法1. 修改nginx 配置，以部署目录espace为例upstream a.xx.com{ server 127.0.0.1:8081;}server { listen 80; server_name a.xx.com; location /{ proxy_pass http://a.xx.com; } l...

1. 点击 调试，选择添加配置2.选择环境Node.js 3.编辑文件launch.json，替换为一下内容{ // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387 &amp;amp;amp;amp;quot;version&amp;amp;amp;am

一. 若已全局安装vue-cli (1.x 或 2.x)，需先卸载npm uninstall vue-cli -g 二. 全局安装 vue-cli3.0npm install -g @vue/cli三. node版本要求 Node &amp;amp;amp;gt;=8.9,可以使用 nvm 管理多个 Node 版本。1. 安装nvm https://github.com/coreybu...

1.安装 axios vue add axios2.项目根目录下新建 vue.config.js// vue.config.jsmodule.exports = { devServer: { port: 端口号, proxy: { '/apis': { target: 'https://mov...

1.引入vue add elementHow do you want to import Element? --&gt;选择 Import on demand （关键）Choose the locale you want to load–&gt;选择 zh-CN2.回车后，系统会自动配置引入babel.config.jsmain.jssrc\plugins\element.j...

添加axios 插件vue add axiossrc/main.js添加下列内容Object.defineProperty(Vue.prototype, '$http', { value: axios})根目录新建vue.config.jsmodule.exports = { devServer: { proxy: { ...

编写 cd src\plugins新建 ydc.js内容var ydc = { a: 1}export default ydc;引入 src\main.jsimport ydc from './plugins/ydc'Vue.prototype.ydc = ydc;使用 *.vueconsole.log(this.ydc)...

创建项目vue create &lt;Project Name&gt;选择配置Manually select featuresbabel+ vuex + router安装依赖npm i postcss-aspect-ratio-mini postcss-px-to-viewport postcss-write-svg postcss-cssnext postcss-viewport-un...

<input type="text" v-model="phone" v-enter-number data-point="0">Vue.directive('enterNumber', { update: function(el, { value, modifiers }, vnode) { el = el.nodeName == "INPUT" ? e...

移动端项目预览地址：http://47.106.166.17:5200/一、项目构建1. 全局安装 vue-cli npm install –global vue-cli2. 创建一个基于 webpack 模板的新项目 vue init webpack my-project3. 安装依赖，走你 cd my-project npm in...