随笔分类 - Vue
摘要：1.相关文档 @vue/cli官方文档 @vue/cli @vue/cli插件开发指南 @vue/cli 2.插件命名规范 为了让一个 CLI 插件在 Vue CLI 项目中被正常使用，它必须遵循 vue-cli-plugin- 或者 @scope/vue-cli-plugin- 这样的命名惯例。这
阅读全文
摘要：1.问题 Proxy error: Could not proxy request /chart/update from xxx.xx.xx.xx:xxxx to http://xxx.xx.xx.xx:xxxx. See https://nodejs.org/api/errors.html#err
阅读全文
摘要：1. 内置指令 v-show : 说明：根据条件展示元素,true展示元素，false隐藏元素 <template> <div> <button v-show="isShow"></button> </div> </template> <script> export default { name:
阅读全文
摘要：devServe = http://localhost:3000; prodServe = http://localhost:4000; 1. 在vue.config.js文件中，配置代理服务 使用vue/cli@5创建的项目，默认会创建vue.config.js文件，如果项目中没有此文件，那么就手
阅读全文
摘要：代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" con
阅读全文
摘要：1.Vuex是什么 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,用于管理页面的数据状态、提供统一数据操作的生态系统。在组件中可以任意获取仓库中的数据。和Vuex类似的还有redux，redux一般在react中使用比较多。 来自官方示例图 1.在组件中，通过dispatch一个A
阅读全文
摘要：$on 使用：vm.$on('事件名称',callback) 说明：监听当前实例(vm)中的自定义事件，事件可以由$emit定义 $once 使用：vm.$once('事件名称',callback) 说明：监听当前实例(vm)中的自定义事件，事件可以由$emit定义,但是只会触发一次，触发后即解除
阅读全文
摘要：代码： <template> <div> <input type="text" v-model="keyword" /> <transition-group name="list" tag="div" class="box"> <p v-for="(item, index) in list" :ke
阅读全文
摘要：utils: // 防抖 export const debounce = (func, wait = 3000, immediate = true) => { let timeout = null; return function() { let context = this; let args =
阅读全文
摘要：案例代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" c
阅读全文
摘要：指令： v-shot 说明： 插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slot></slot>标签 使用示例 子组件： <template> <div> <butto
阅读全文
摘要：1.新建xxx.js 定义策略对象和策略类 1 /*策略对象*/ 2 const strategies = { 3 // 是否为空 4 isNonEmpty(value, errorMsg) { 5 return value '' ? errorMsg : void 0; 6 }, 7 // 最小长
阅读全文
浙公网安备 33010602011771号