1、vue父子组件传值方式1、props 2、v-model 3、.sync 父组件向子组件传的值,子组件可以直接修改父组件的值 4、ref 父组件通过ref直接拿到子组件的属性或方法 5、$emit 父组件给子组件定义事件,子组件中emit触发,参数(事件名,参数) 6、$children&$parent 获取到一个包含所有子组件的对象数组,直接拿到父子组件的属性和方法
import Vue from 'vue' Vue.prototype.$message.error("网络异常");
原创 2023-02-22 10:57:01
61阅读
test.jsimport test2 from "./test2";export default{ test(){ console.log("=====开始执行
ll
原创 2023-02-23 07:55:25
170阅读
介绍官网 : https://cn.vuejs.org/概念: 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue 只关注视图层, 采用自底向上增量开发的设计。方便与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。安装 1 在pom.xml中引入依赖<dependency>
转载 2024-02-29 22:53:15
74阅读
 学完了springcloud后开始学习前端知识,首先学习的就是时下比较热门的js框架:vue.jsVue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。1.引入vu
转载 2023-08-04 23:20:22
145阅读
### 实现"vue ios使用js无效"的步骤 为了解决"vue ios使用js无效"的问题,首先我们需要了解整个流程。下面是一个概览表格,展示了解决这个问题的步骤。 | 步骤 | 描述 | | --- | --- | | 1 | 确认Vue项目配置 | | 2 | 检查JS代码是否正确 | | 3 | 在iOS设备上测试 | 接下来,我们将逐步进行每一步的解释和代码示例。 #### 1
原创 2023-09-22 18:41:49
126阅读
AES加密的使用 对数据传输加密、解密处理 AES.js 第一步: 在vue中安装crypto-js依赖 npm install crypto-js --save-dev 第二步: 在static目录下新建一个AES.js文件,例如: 第三步: 在AES.js中填写如下代码 import Crypt ...
转载 2021-10-09 14:07:00
109阅读
2评论
pinia+js-cookie 简单例子
原创 10月前
664阅读
1.Vue使用1.创建vue文件夹安装vue: npm install -g @vue/cli1.创建一个vue基础文件指令: vue create student-system 然后选择vue2或者vue3或者根据自己选择更多配置2.进入文件夹:cd student-system3.npm run serve2.使用elementUI4.安装饿了么ui: npm i element-ui -S
大家再使用vue做项目时,查询功能当然必不可少,这就得使用vue强大的filter啦。其实vue内置的两个属性filterBy和orderBy已经能满足部分需求了,但是她更大的的魅力在于自定义filter(之后的文章中会分享),正好我最近做的项目中用到了这个。先给大家看下需求吧。如下图,这是一个通讯录页面,当我们在搜索栏中输入关键字时需要展示相应的员工,同时还得去掉A、B这样的字母索引,并且输入的
二。使用vue 1.想使用vue,必须创建一个vue实例,且要传入一个配置对象 2.root容器里的代码依然符合html中规范 3.root容器里的代码被称为【vu
原创 2022-09-24 01:42:25
44阅读
安装npm install video.js --savenpm install videojs-contrib-hls --savenpm install @videojs/http-streaming
原创 2022-06-27 15:29:22
533阅读
# Vue 使用 jQuery 调用 JS Vue.js 是一种用于构建用户界面的 JavaScript 框架,而 jQuery 是一个功能丰富且易于使用的 JavaScript 库。尽管 Vue.js 提供了大量的功能,但有时我们仍然需要使用 jQuery 来处理一些特定的 DOM 操作或其他功能。本文将介绍如何在 Vue.js使用 jQuery,并提供一些代码示例。 ## 安装 jQu
原创 2023-10-07 12:21:04
132阅读
什么是 Vue?  我们要把一个 json对象的数据,显示到一个元素上去。 如果不使用 Vue, 那么就会用到 JS 或者 JQuery,通过操作 HTML DOM 的方式,把数据显示上去。 如果使用Vue, 那么仅仅需要提供数据,以及数据要绑定到的元素的id,就行了,不需要显式地操作HTML DOM。默认展示内容就用:{{内容}}。 简单使用:<div id="div1
转载 2024-05-15 14:51:01
59阅读
前言最近在做手写输入法时遇到跨域问题,使用的是qq输入法的接口,代理无法实现效果,这里使用jsonp来实现。jsonp原理可以自行百度,这里记录一下vue-jsonp的使用和踩的一点小坑,官方文档请前往npm地址。安装npm install vue-jsonp -S或者yarn add vue-jsonp使用mian.js引用// main.js import Vue from 'vue' imp
转载 2023-06-11 20:58:07
372阅读
一、下载video.jsnpm install --save-dev video.js二、在vue脚手架中引入video.js(main.js引入)import Video from 'video.js' import 'video.js/dist/video-js.css' Vue.prototype.$video = Video //引入Video播放器三、实例化了视频.js播放器,并在 上销
转载 2023-10-08 22:49:00
306阅读
本期内容在前端访问后端数据的时候经常会出现跨域问题,jsonp 便是其中一种解决的方式,前提是接口能够支持 jsonp 的访问。目录1、安装2、添加到 main.js 中3、按如下语法使用4、以访问百度鹰眼轨迹 API 为例,发起 Get 请求1、安装npm install vue-jsonp --save2、添加到 main.js 中import VueJsonp from 'vue-jsonp
转载 2023-05-30 12:32:33
293阅读
vuex是一个专门为vue.js设计的集中式状态管理架构。我把它理解为在data中的属性需要共享给其他vue组件使用的部分,就叫做状态。简单的说就是data中需要共用的属性。比如:我们有几个页面要显示用户名称和用户等级,或者显示用户的地理位置。如果我们不把这些属性设置为状态,那每个页面遇到后,都会到服务器进行查找计算,返回后再显示。在中大型项目中会有很多共用的数据,所以尤大神给我们提
概要 在开发时我们会经常需要使用到外部的JS,这样我们需要引入外部js,然后进行使用。 实现方法 我们在开发的过程中需要使用到 sha256 将用户的密码进行加密传输。 我们对js进行一点点改造。 像这个代码,我们需要加一行代码,将这个js方法导出。 在使用的时候我们引入JS. 我们可以导入一个或者
原创 2021-07-22 15:43:55
270阅读
Vue.js组件的使用一.组件  组件是可复用的vue实例,可分为局部组件和全局组件。二.组件入门小案例  要求定义一个组件”one“,并重复使用它。2.1.代码实例 1 <html lang="en"> 2 <head> 3     <meta charset="UTF-8"> 4     <title>vue局部组件和全局组件title&
转载 2021-05-04 21:47:10
302阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5