StavinLi的博客_vue原创博文

Vue组件template标签波浪线报错

"experimentalDisableTemplateSupport": true。//目的：跳过 vue-tsc 中的模板类型检查，从而禁用模板 TS 支持。可以将内存使存占用会减少到1/4以下）

vue.js

json

前端

低功耗

模板类

原创 2022-09-24 00:34:14 10000+阅读

vue provide/inject实现数据响应

vue.js

ide

原创 2022-07-31 01:30:25 10000+阅读

vue3 directive input限制字符长度，及更新v-model

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

vue.js

javascript

前端

用户名

生命周期

原创 2022-06-07 19:55:06 10000+阅读

vue 路由全局注入参数

以注入参数 brole为例，默认值为'0'// src/router/index.jsconst routes = [ ...];const router = new VueRouter({ routes});router.befo

vue.js

javascript

前端

默认值

原创 2022-05-15 13:07:36 10000+阅读

vue 报错Redirected when going from “A“ to “B“ via a navigation guard.

问题：Uncaught (in promise) Error: Redirected when going from "A" to "B" via a navigation guard."vue-rout

vue.js

前端

javascript

原创 2022-05-14 19:25:54 10000+阅读

vue slot插槽内容过滤

### parent.vue<titleVue>{{ title }}</titleVue>### titleVue.vue<h3>{{ title }}</h3>computed:{ title() { //此处对内容进行过滤

vue.js

javascript

前端

原创 2022-05-10 22:40:40 10000+阅读

vue 上拉加载实现

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

vue.js

javascript

前端

手机端

加载数据

原创 2022-05-10 22:40:33 10000+阅读 1收藏

vue v-model解析及实现

1.v-model 解析语法糖在内部为不同的输入元素使用不同的property并抛出不同的事件：a. text 和 textarea 元素使用 value property 和 input 事

vue.js

字段

语法糖

原创 2022-05-01 20:39:22 10000+阅读

vue v-for与v-if优先级

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

vue.js

优先级

原创 2022-04-30 11:29:22 10000+阅读

vue config 根据不同的文件类型配置不同的publicPath

npm: vue-cli-plugin-publicpath安装installvue cli vue add publicpathy

面试

leetcode

职场和发展

css

原创 2022-03-29 16:22:46 10000+阅读

vue插槽

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

面试

动态规划

职场和发展

插槽

作用域

原创 2022-03-10 14:25:50 10000+阅读

vue-cli脚手架项目通过VS Code直接运行及build，无需敲打命令

1. 点击调试，选择添加配置2.选择环境Node.js 3.编辑文件launch.json，替换为一下内容{ // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲

vscode

vue

快捷键

悬停

node.js

原创 2022-01-29 16:16:42 303 阅读

vue-cli3.0 开发环境构建

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

css

json

预处理

原创 2022-01-29 16:13:51 134 阅读

vue-cli3.0 axios跨域请求代理配置及端口修改

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

axios

proxy

ios

重启

端口号

原创 2022-01-29 16:12:19 944 阅读

vue-cli3.0按需引入element-ui组件

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

vue

element-ui

ide

ico

原创 2022-01-29 16:10:05 448 阅读

vue-cli3.0添加axios 插件

添加axios 插件vue add axiossrc/main.js添加下列内容Object.defineProperty(Vue.prototype, '$http', { value: axios})根目录新建vue.config.jsmodule.exports = { devServer: { proxy: {//如需跨域请求多个域名，在此对象进行扩展即

vue

axios

ios

应用实例

根目录

原创 2022-01-29 16:06:22 157 阅读

vue-cli3.0 使用vw实现移动端适配

1.创建项目vue create <Project Name> 2.选择配置Manually select features babel+ vuex + router 3.然后一路回车 4.cd <Project Name>安装依赖npm i postcss-aspect-ratio-mini postcss-px-to-viewport

vue

移动端适配

vw

css

github

原创 2022-01-29 16:05:57 168 阅读

vue-cli3.0如何编写及引入插件

编写 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

plugins

原创 2022-01-29 16:05:16 108 阅读

vue-cli3.0 图片放在public，vue打包部署非根目录时，图片引入错误

解决办法：方法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...

vue-cli3.0

nginx

文件目录

ico

原创 2022-01-29 10:37:16 216 阅读

vue directive input限制小数点位数，及更新v-model

<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...

保留两位小数

原创 2022-01-29 10:36:32 318 阅读

vue-cli3.0 vue打包部署非根目录时，js\css路径错误，找不到文件

以这个审批设置为例里面是个vue项目，没有直接放在a.xxx.com下面，而是放在了/espace/下面修改1.router.js2.vue.config.js3.nginx配置server { listen 8001; location / {

vue

html

nginx配置

原创 2022-01-29 10:26:31 571 阅读

workflow仿钉钉审批流程设置

钉钉审批流程设置钉钉审批流程设置，基于vue开发线上开源地址 https://github.com/StavinLi/Workflow 点个赞吧！项目介绍技术点组件自调用+递归处理功能点界面缩放节点设置节点新增5.等等项目安装

workFlow

javascript

审批流程设置

前端

github

原创 2022-01-29 10:20:25 1373 阅读

vue-cli2.0脚手架移动端项目总结（环境构建、本地开发及线上部署）

移动端项目预览地址：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...

vue-cli

环境构建

部署

nginx

ios

原创 2022-01-29 10:15:29 101 阅读

vue eventbus的实现原理

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

初始化

生命周期

原创 2022-01-25 11:21:28 147 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

Stavin Li的博客

Vue组件template标签波浪线报错

vue provide/inject实现数据响应

vue3 directive input限制字符长度，及更新v-model

vue 路由全局注入参数

vue 报错Redirected when going from “A“ to “B“ via a navigation guard.

vue slot插槽内容过滤

vue 上拉加载实现

vue v-model解析及实现

vue v-for与v-if优先级

vue config 根据不同的文件类型配置不同的publicPath

vue插槽

vue-cli脚手架项目通过VS Code直接运行及build，无需敲打命令

vue-cli3.0 开发环境构建

vue-cli3.0 axios跨域请求代理配置及端口修改

vue-cli3.0按需引入element-ui组件

vue-cli3.0添加axios 插件

vue-cli3.0 使用vw实现移动端适配

vue-cli3.0如何编写及引入插件

vue-cli3.0 图片放在public，vue打包部署非根目录时，图片引入错误

vue directive input限制小数点位数，及更新v-model

vue-cli3.0 vue打包部署非根目录时，js\css路径错误，找不到文件

workflow仿钉钉审批流程设置

vue-cli2.0脚手架移动端项目总结（环境构建、本地开发及线上部署）

vue eventbus的实现原理

欢迎