随笔分类 - vue
摘要：在uni app中，可以通过创建一个后缀名为vue的文件，即创建一个组件成功，其他组件可以将该组件通过impot的方式导入，在通过components进行注册即可 使用方式和生命周期跟vue一样，具体参考 使用：https://www.cnblogs.com/makalochen/p/1387009
阅读全文
摘要：前后端分离算是最近Web开发的大趋势了，目前已经有大量的公司使用了前后端分离的开发方式。那我们就来大概谈谈前后端分离开发中必须要了解和接触的几个概念：SPA、SEO和SSR。 前后端分离 传统的Web前后端开发大多是前端将页面写好，之后丢给后端，让后端将页面集成到项目中去。这里就存在着一个前后端耦合
阅读全文
摘要：vue-router@3.0版本及以上回调形式已经改成promise api的形式了，返回的是一个promise，如果路由地址跳转相同, 且没有捕获到错误，控制台始终会出现如图所示的警告 （注：3.0以下版本则不会出现以下警告！！！，因路由回调问题…） * 怎么解决呢? 方案一： 安装vue-rou
阅读全文
摘要：报错信息： vue.runtime.esm.js?2b0e:619 [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-com
阅读全文
摘要：需要把vue路由从history模式改为hash模式，即可解决后端路由和vue路由冲突，刷新后vue页面正常 如：
阅读全文
摘要：vuejs怎么和thinkphp结合 vue在服务端部署时，我们都知道通过npm run build 指令打包好的dist文件，通过http指定是可以直接浏览的，Thinkphp通过域名指向index.php文件才可以浏览。要使前端正常调用后端数据。 有两种方法： 1、前端跨域调用后端数据。 2、前
阅读全文
摘要：现在有个需求，访问的接口api ，配置化，什么意思呢，就是vue项目访问的api全部是可配置的。 api地址一般由基准地址和路径组成 基准地址一般使用vue的cli的publicPath去配置 有关vue的cli的publicPat：https://www.cnblogs.com/makaloche
阅读全文
摘要：转载自：https://blog.csdn.net/w405722907/article/details/94720868 参考：https://cli.vuejs.org/zh/guide/mode-and-env.html#%E6%A8%A1%E5%BC%8F 关于文件名 必须以如下方式命名，不
阅读全文
摘要：#全局 CLI 配置 有些针对 @vue/cli 的全局配置，例如你惯用的包管理器和你本地保存的 preset，都保存在 home 目录下一个名叫 .vuerc 的 JSON 文件。你可以用编辑器直接编辑这个文件来更改已保存的选项。 你也可以使用 vue config 命令来审查或修改全局的 CLI
阅读全文
摘要：转自：https://www.cnblogs.com/mickybg/p/8059691.html reqwest的使用 很多人看到reqwest，第一感觉就是：“哎，哥们你写错了吧，应该是request吧。” 额，表示很伤〜真的没写错. reqwest的使用，官方npm包说的很直白。 It's A
阅读全文
摘要：export default 打包的发布的时候，template以及style样式会跟着一起打包。 render函数的作用 render函数是vue通过js渲染dom结构的函数createElement，约定可以简写为h render: h ⇒ h(App) 是下面内容的缩写： render: fu
阅读全文
摘要：命令行工具 (CLI) https://cn.vuejs.org/v2/guide/installation.html#%E5%91%BD%E4%BB%A4%E8%A1%8C%E5%B7%A5%E5%85%B7-CLI Vue 提供了一个官方的 CLI，为单页面应用 (SPA) 快速搭建繁杂的脚手架
阅读全文
摘要：对于大多数单页面应用，都推荐使用官方支持的 vue-router 库。更多细节可以移步 vue-router 文档。 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路
阅读全文
摘要：每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。 比如 created 钩子可以用来在一个实例被创建之后执行
阅读全文
摘要：官方资源 https://cn.vuejs.org/v2/guide/components.html https://cn.vuejs.org/v2/guide/components-registration.html 什么是组件 组件系统是 Vue 的一个重要概念，因为它是一种抽象，允许我们使用小
阅读全文
摘要：我们在构建应用时需要访问一个 API 并展示其数据。做这件事的方法有好几种，而使用基于 Promise 的 HTTP 客户端 axios 则是其中非常流行的一种。 直接使用cdn 现在我们结合json-server来测试 json-server ：https://www.cnblogs.com/ma
阅读全文
摘要：https://cn.vuejs.org/v2/guide/transitions.html 我们可以使用v-if或者v-show控制dom元素的显示和隐藏 <div id="app"> <button @click="go">显示/隐藏</button> <p v-show="is">pppppp
阅读全文
摘要：https://cn.vuejs.org/v2/guide/custom-directive.html 用过 v-on 、v-model、v-show 等指令，在操作 dom 时使用了 ref 属性，其实之前学过的指令也是操作dom 的一种方式，但有时，这些指令并不能满足我们的需求，因此 vue 允
阅读全文
摘要：使用ref操作DOM https://cn.vuejs.org/v2/guide/components-edge-cases.html 在使用 jq 时，首要任务就是学习选择器的使用，因为选择可以极其方便帮助我们获取节点查找dom，因为我们要通过dom展示处理数据。而在Vue中，我们的编程理念发生了
阅读全文
摘要：https://cn.vuejs.org/v2/guide/computed.html 计算属性 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： <div id="example"> {{ message.split('').reve
阅读全文
浙公网安备 33010602011771号