Vue | 小程序
文章平均质量分 76
Vue和小程序的学习实战总结
流烟默
这个作者很懒,什么都没留下…
展开
-
Vue3中slot插槽的几种使用实践
父组件子组件父组件中Category 组件标签内的东西将会呈现在子组件slot的位置(进行替换)。原创 2024-09-14 15:19:40 · 730 阅读 · 0 评论 -
Vue3中组件通信的几种方式
组件通信和的区别:概述:是使用频率最高的一种通信方式,常用与 :父 ↔ 子。父组件:子组件:原创 2024-09-13 16:36:52 · 340 阅读 · 0 评论 -
Vue3中Pinia存储和修改数据应用实践
Vue3中pinia存储和修改数据应用实践原创 2024-09-13 15:08:54 · 316 阅读 · 0 评论 -
Vue2/Vue3中编程式路由导航实践总结
除了使用创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。$router想要导航到不同的 URL,则使用方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回到之前的 URL。当你点击时,这个方法会在内部调用,所以说,点击等同于调用。该方法的参数可以是一个字符串路径,或者一个描述地址的对象。注意:如果提供了 path,params 会被忽略,上述例子中的 query 并不属于这种情况。${同样的规则也适用于。原创 2024-09-13 10:35:39 · 875 阅读 · 0 评论 -
Vue3中路由传参的几种方式实践
Vue3中路由传参的几种方式原创 2024-09-13 09:47:28 · 336 阅读 · 0 评论 -
修改Nodejs 依赖包的存放路径
需要注意的是,在安装的时候修改了安装路径为。原创 2019-01-18 12:41:44 · 934 阅读 · 0 评论 -
Vue2.0打包指定路由前缀
Vue2.0打包指定路由前缀原创 2023-10-10 10:11:22 · 439 阅读 · 0 评论 -
Vue2组件通信应用实践总结
Vue父子组件通信应用实践总结原创 2023-10-06 10:00:36 · 381 阅读 · 0 评论 -
npm安装依赖实践总结
# 【1】npm的全局安装路径查看默认值:```bashnpm get prefix```默认是`C:\Users\你的用户名\AppData\Roaming\npm`可以通过 ` npm config prefix` 更改全局安装路径:```bashnpm config set prefix ""```# 【2】 npm install## ① npm install的几种常见方式```bash# 安装模块到项目目录下npm install moduleN原创 2023-05-11 10:02:04 · 7309 阅读 · 1 评论 -
ElementUI应用实践总结
# 【1】修改UI样式如el-input__inner不生效elementui+vue项目中,在当前vue文件中使用style scoped包裹的样式中重置input框的样式无法生效。解决方案:在本页面重新定义style样式且不需要写scoped即可生效。注意:为了不影响其他位置的元素样式,需要定义一个特定的class类名便于区分。如下所示我们想要修改这里el-input的样式:```html原创 2017-12-07 11:26:43 · 2400 阅读 · 1 评论 -
微信小程序之引入使用Vant Weapp组件
Vant Weapp官网地址:https://youzan.github.io/vant-weapp/#/quickstart,自己可以去其官网详细了解。这里主要总结下微信小程序中如何使用该组件。【1】新建一个微信小程序工程如下所示:【2】引入并使用Vant Weapp组件的几种方式① 第一种-直接引入dist直接去该地址下载项目,https://github.com/youzan/vant-weapp,把dist文件进入你的小程序工程中。在 json 文件中配置button组件,修改原创 2020-05-18 10:15:26 · 10093 阅读 · 0 评论 -
uniapp应用实践案例总结
# 【1】打包为微信小程序时实现文件下载如果是H5或者web平台,那么一个a标签通过href就可以实现下载。但是这个对于微信小程序来说是不生效的,在打包过程中会对标签进行转换。下面我们之间上代码。**HTML**```html<view class="text" > <a v-bind:key="index" v-if="zuoyeList.length>0" v-bind:data="baseUrl+item" :href="baseUrl+item" v-for="(item,index原创 2019-01-17 11:06:11 · 1805 阅读 · 0 评论 -
前后端分离时跨域的一些问题与解决方案
# 【1】什么是跨域?## 同源策略同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号(port)浏览器的同源策略阻止了浏览器读取不同源的资源。这种转载 2022-04-25 13:05:47 · 1609 阅读 · 0 评论 -
微信小程序实践总结
【1】module.exports、exports、export、import、export default使用与区别① module.exports与exportsmodule.exports和exports 是commonJs的语法,大家熟知的node就是基于CommonJs语法设计的,node将每个文件视为一个拥有独立作用域链的模块,每个木块的类,变量,函数等都是私有的,对其他文件不可见。但是,如果别的模块想要使用另一个模块的函数应该如何处理呢,这时我们就会用到module.exports、exp原创 2020-05-25 16:46:33 · 7278 阅读 · 0 评论 -
VUEX基础入门Store使用详解
【1】vuex 是什么github 站点: https://github.com/vuejs/vuex在线文档: https://vuex.vuejs.org/zh-cn/每一个 Vuex 应用的核心就是 store(仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同:Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高转载 2020-11-19 21:24:01 · 10225 阅读 · 0 评论 -
Vue基础入门详解
【1】什么是VUE官网文档:https://cn.vuejs.org/v2/guide/instance.htmlVue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。通过CDN引入<!-- 开发环境版本,包含了有帮助的命令行警转载 2020-11-18 10:17:19 · 632 阅读 · 0 评论 -
vue-router路由使用实例详解
【1】路由入门官网文档:https://router.vuejs.org/zh/installation.htmlgithub: https://github.com/vuejs/vue-router下载安装npm install vue-router --save引入模块import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)...原创 2020-11-16 15:29:55 · 1009 阅读 · 0 评论 -
Vue与后台通信的两种方式
【1】vue-resourceVue的一个插件,非官方库,多用于Vue1.X。详细介绍点击查看在线文档下载vue-resourcenpm install vue-resource --save引入vue-resource // 引入模块import VueResource from 'vue-resource'main.js中声明使用Vue.user(VueResource )内部会给VM对象和组件对象添加一个属性:$httpThe http service can be used原创 2020-11-16 12:37:45 · 1125 阅读 · 0 评论 -
Vue应用实践实例总结
【1】Vue常见标签应用① v-if、v-else、v-for<div class="layui-carousel" id="test3" lay-filter="test3" style="height: 500px;"> <div carousel-item v-if="swiperList.length<1"> <div style=""> <img src="/common/images/swiper1.j原创 2020-10-24 11:41:33 · 1957 阅读 · 1 评论 -
Window下安装nvm并使用nvm安装node
【1】安装nvm可以从Github获取nvm最新版本自行安装:https://github.com/coreybutler/nvm-windows/releases有时可能由于网络原因,你不一定能从GitHub顺利下载。这里提供百度云连接:链接https://pan.baidu.com/s/1CzfqpOxBggdNa6hRryzSOA 提取码:mzji 。你可以使用绿色免安装版,这里以安装版示例。默认安装完成后,在C:\Users\12746\AppData\Roaming\nvm下找到se原创 2020-06-28 16:29:19 · 5737 阅读 · 0 评论 -
ES6使用实践总结[数组、扩展、解构]
Java中其实是可以的,虽然IDEA会提示但是编译器会通过。是ok的,类调用静态方法,java中也一样。但是就会报错,如下提示:把改为show ,也就是非静态方法则OK!原创 2020-06-01 11:50:46 · 537 阅读 · 1 评论 -
WebStrom使用实践配置总结
【1】Cannot save files主要会有两种异常:生成 _jb_old_ _jb_tmp_文件目标拒绝访问解决方案以管理员身份运行webstorm然后进行如下设置:原创 2020-01-16 09:02:01 · 600 阅读 · 0 评论 -
Vue初学之使用npm搭建Vue环境
这里系统是windows,先安装node(新版的Node.js已自带npm),然后使用npm安装vue,这里没有使用nvm。【1】node安装官网地址:https://nodejs.org/en/download/下载后傻瓜式安装即可,具体教程可以参考:node.js安装配置默认会配置node和npm的环境变量:安装后会自动提示如下,这里可以直接关闭窗口。我们可以看到环境变量...原创 2020-01-15 14:39:47 · 12228 阅读 · 3 评论