vue

vue2.x跨组件调用函数的方法

  • Post author:
  • Post category:vue

在实际页面中，很多时候页面一个部分的改变会导致另外一个部分的改变，比如在表格中输入数据会改变相邻的图表形状 但是实际上这两个部分大都是差异很大，所以开发中一般都是做成两个组件的。如果在一个大组件中把所有的内容都包含进去，这就不够结构化了，而且有些时候会导致组件特别大。所以最好还是在一个组件中调用另外一个组件的内部函数。 基本原理是 1. 在激发组件emit一个事件，比如表格输入数据的变化，emit…

继续阅读 vue2.x跨组件调用函数的方法

vue前后端分离解决跨域问题

  • Post author:
  • Post category:vue

用Vue-cli脚手架搭建了个demo,前后分离就有跨域问题的出现。 vue-clie搭建demo步骤（传送门）：https://www.cnblogs.com/wangenbo/p/8487764.html 我自己在网上找了2个接口做测试： CSDN：https://www.csdn.net/api/articles?type=more&category=home&shown_o…

继续阅读 vue前后端分离解决跨域问题

vue-property-decorator 使用学习

  • Post author:
  • Post category:vue

一、安装与使用 一般的，vue 项目中使用 TypeScript 时，会安装 vue-property-decorator 这个库，使用装饰器简化书写。 安装： npm i -S vue-property-decorator 使用： // 当在vue单文件中使用TypeScript时,引入vue-property-decorator之后,script中的标签就变为这样 <script lan…

继续阅读 vue-property-decorator 使用学习

从Vue2到Vue3学习汇总知识点（二）：组合式 API和组合式 API 语法糖 (＜script setup＞)

  • Post author:
  • Post category:vue

文章目录 什么是组合式API对比选项式API写法组合式API写法 深入setuppropscontext访问组件的 property使用渲染函数 组合式 API 语法糖 (<script setup\>)# 基本语法、释义# 原有的API在<script setup\>中的使用 什么是组合式API 官方文档https://v3.cn.vuejs.org/guide/comp…

继续阅读 从Vue2到Vue3学习汇总知识点（二）：组合式 API和组合式 API 语法糖 (＜script setup＞)

如何在 Vue 中解析和渲染 Markdown

  • Post author:
  • Post category:vue

HTML是超文本标记语言的缩写，可能是当今网络上使用最多的标记语言。Markdown 在我们程序界也是一个必备的技能。 我们可以使用 makrdown来渲染文本，它实际上是一种更快的写作方式，因为它学习成本很低，不需要掌握很多知识就可以开始。如果你的想写博客，甚至想作为技术作家写作时，Markdown 是你首先的写作工具。 本文主要介绍如果在 Vue 中使用 Markdown，废话说了很多了，我们…

继续阅读 如何在 Vue 中解析和渲染 Markdown

vue3.0——生命周期、VUE3插件

  • Post author:
  • Post category:vue

如何在setup中调用生命周期钩子 VUE3.0向下兼容了VUE2 我觉得beforeCreate和created 更多的是被setup()代替了 选项式 API Hook inside setup beforeCreate Not needed* created Not needed* beforeMount onBeforeMount mounted onMounted beforeUpdat…

继续阅读 vue3.0——生命周期、VUE3插件

基于Vue2全家桶的移动端AppDEMO实现

  • Post author:
  • Post category:vue

搭建项目 项目结构 本项目才用Vue-cli脚手架自动生成，这是一个Vue生态系统中一个伟大创举。这意味着我们不需要手动构建我们的项目，而它就可以很快地为我们生成。下图是一个完整的项目结构，如图所示： components:包含所有的页面组件 vuex:包含vuex相关文件 modules:存放每个页面单独的state和mutation static:静态文件存放（图片和图标库等） index.h…

继续阅读 基于Vue2全家桶的移动端AppDEMO实现

vue+electron开发桌面应用程序.exe

  • Post author:
  • Post category:vue

vue+electron开发桌面应用程序.exe 1、安装vue2、安装electron3、安装electron-builder 1、安装vue vue create electron-vue 2、安装electron cnpm i electron -g 3、安装electron-builder vue add electron-builder 会让你选择版本，选择最新的即可。 最后运行： np…

继续阅读 vue+electron开发桌面应用程序.exe

不需要修改config文件 vue vant 自定义样式 主题

  • Post author:
  • Post category:vue

第一步： 创建index.less，如图  index.less内容： @import "~vant/lib/index.less"; //header @nav-bar-background-color: @blue; @nav-bar-icon-color: @white; @nav-bar-text-color: @white; @nav-bar-title-text-color: @whi…

继续阅读 不需要修改config文件 vue vant 自定义样式 主题