1、安装依赖 npm install svg-sprite-loader --save-dev 2、在config文件中配置 const path = require('path'); function resolve(dir) { return path.join(__dirname, dir) Read More
转载
2019-07-23 18:38:00
401阅读
当我们的vue项目功能越来越多时,如果有类似的组件,可能会发现自己一次又一次地复制和粘贴相同的数据、方法和 watch。当然,我们可以将所有这些单独的文件编写为一个单独的组件,并使用 prop 来尝试自定义它们,但是使用这么多 props 很容易造成混乱且难懂。为了避免这个问题,大多数人只是继续添加
转载
2020-09-29 18:59:00
169阅读
2评论
一、引入jquery 步骤: 1. 安装jquery 2.在webpack.config.js 添加内容 3.在入口文件index.js 里面添...
原创
2022-03-02 11:36:08
1876阅读
注意:此文并不是把vue改为全部替换为ts,而是可以在原来的项目中植入ts文件,目前只是实践阶段,向ts转化
转载
2022-03-28 14:29:21
3357阅读
组件之间的通信主要分为父子组件之间的通信和非父子组件之间的通信。本文介绍以下几种常见的组件之间的通信。props/$emitVuexeventBus:事件总线refprovide/rejectlocalStorage/sessionStorage1、props/$emit:主要用于父子组件之间的通信。父组件通过props的方式传值给子组件,子组件通过$emit调用父组件的方法//父组件传字符串da
转载
2024-09-07 19:59:10
117阅读
如何在vue中使用sass
转载
2022-05-26 16:52:16
692阅读
在Vue项目中使用jQuery可以帮助开发者快速复用现有的jQuery插件或利用jQuery的特性。然而,当引入jQuery时,需谨慎处理,以避免与Vue的双向绑定和虚拟DOM发生冲突。本文将详细介绍如何在Vue本地导入jQuery,并整合一些代码示例,确保读者能够顺利地在自己的项目中实现这一过程。
### 一、环境准备
在开始之前,首先要确认你已安装Vue CLI,并创建了一个Vue项目。如
在 Vue 中构建组件通常需要定义一些属性,以使组件可以更好复用,在这种情况下会使用 props 来自定义数据来传递数据。接下来以一个简单的组件来介绍如何使用组件 props 。
原创
精选
2022-10-20 09:54:35
486阅读
点赞
1评论
如果你选择前端使用vue框架,后端用PHP开发,服务器就不用node了,用Apache就好了 开发中,看你是否想进行前后端的分离。如果你不想进行前后端的分离,可以将vue的项目build之后放到php的运行环境中,也可以在页面中嵌套php的逻辑。如果想前后端分离,就自然需要跨域了 开发环境使用nod
转载
2017-11-01 10:55:00
143阅读
2评论
如果你选择前端使用vue框架,后端用PHP开发,服务器就不用node了,用Apache就好了开发中,看你是否想进行前后端的分离。如果你不想进行前后端的分离,可以将vue的项目build之后放到php的运行环境中,也可以在页面中嵌套php的逻辑。如果想前后端分离,就自然需要跨域了开发环境使用node作为后端,webpack打包后,实际运行环境中可以使用Apache作为后端运行...
转载
2021-06-24 10:35:23
427阅读
文章目录一、基本使用步骤测试样例测试样例代码中MVVM对应关系图二、 Vue指令2.1 内容渲染指令2.2 属性绑定指令2.3 事件绑定指令2.3.1 事件对象 event2.3.2 事件修饰符2.3.3 按键事件修饰符2.4 双向绑定指令修饰符2.5 条件渲染指令2.5.1 v-if / v-show2.5.2 v-else/v-else-if2.6 列表渲染指令 v-for2.7 过滤器 一
转载
2024-01-03 10:03:31
49阅读
个人github:https://github.com/qiilee 欢迎follow首先我们来熟悉下graphql的工作机制一个GraphQL查询可以包含一个或者多个操作(operation),类似于一个RESTful API。操作(operation)可以使两种类型:
原创
2022-02-21 10:04:35
244阅读
前言vue执行过程内部都发生了什么,什么是模板解析,为什么能做到响应式更新视图?以下为大家介绍下一个vue项目执行的一个大致流程。(这里讲的是一个大致流程,vue真实的实现比这里说的复杂多,但本文主要是为你介绍大致的实现思路,加深你对vue的理解)首先我们来看下这个流程的总体步骤: 然后我们根据这四个步骤来一 一介绍一、 模板解析为 render 函数首先,什么是模板?模板就是那些html标签,包
转载
2023-11-27 00:21:03
127阅读
个人github:https://github.com/qiilee 欢迎follow首先我们来熟悉下graphql的工作机制一个GraphQL查询可以包含一个或者多个操作(operation),类似于一个RESTful API。操作(operation)可以使两种类型:查询(Query)或者修改(mutation)。我们看一个例子:`query { client(id: 1)...
原创
2021-08-02 14:57:25
744阅读
首先,先列出我们在vscode上运行vue项目所需要的东西 1、下载并安装vscode 2、node.js环境(npm包管理器) 3、vue-cli 脚手架构建工具 4、cnpm npm的淘宝镜像一、下载并安装vscode 二、配置node.js环境安装node.js 1、从node.js官网下载并安装node(https://nodejs.org/en/) 一般都是点击下一步,到选择安装位置,我
转载
2023-10-19 19:44:02
98阅读
在 Vue 组件中定义方法,你可以按照以下步骤进行:在 Vue 组件的 methods 选项中定义方法。methods: { methodName() { // 方法的具体逻辑 }, anotherMethod() { // 另一个方法的逻辑 }}在上述示例中,使用 methods 选项来定义了两个方法:methodName 和 anotherMethod。...
无论你基于MVC的模式写过什么,都应该对view controller的身量记忆深刻。甚至可以说,一个真正有用的App,它的view controllers有很大概率充斥着各种既不适合放在model也不适合放在view里的代码。如果你也发现了这个问题,却没有更好的办法,你可以持续关注一下我们的内容。我们会从零开始编写一个质量达到生产环境级别的天气应用 - Sky。在这个过程里,我们通过“自定义ta
公司的客户端一直用原生来开发,接到的需求很多,基本上每几天要发布一次新版本。领导考虑到频繁的提示更新会对用户体验不好。决定用ionic来重做。这个坑还挺多的,网上一大堆。因为公司很多页面也是直接嵌套网上的,之前用iframe嵌套进去,发现ios有问题。嵌套进去的网页打开新连接会直接调用Safari打开。查找百度谷歌也找不到解决方法(我的技术也差点)。之后查找发现大家推荐用cordova-plugi
只针对需要的以下各类同学可以直接跳过1、不推荐jsp和vue加一起写的2、说直接用jq写的3、。。。。。的4、吐槽的5、各种解决方案的总结以上说的都是对的,但是已经写完了页面,所以emmmm。。。。。申明楼主只是个前端自己写的大部分也都是前后的分离的,不懂java不懂jsp,而且页面也是用vue写完了才知道要加入原有的jsp页面,所以记录一下全当教训了。本文只是针对维护老项目,需要修改或者重新写新
原创
2018-08-06 10:27:30
10000+阅读
Vue是一种流行的JavaScript框架,广泛应用于前端开发。在Vue中,事件处理是一个非常关键的概念,可以帮助我们实现用户与页面的交互,今天我们就来探讨一下如何在Vue中实现事件处理。
原创
2024-03-03 08:41:52
65阅读