类别:

Vue

  • Vue3—安装axios

    Vue3—安装axios1.安装axiosnpminstallaxios2.配合vue-axios使用npminstallvue-axiossave3.在main.js中引入importaxiosfrom’axios’;importVueAxiosfrom’vue-axios’4.注册使用createApp(App).use(VueAxios,axios).mount(‘#app’)

    2023-12-23
    131
  • vue将数组转换json字符串:JSON.stringify()以及json字符串转换成vue数组:

    vue将数组转换json字符串:JSON.stringify()以及json字符串转换成vue数组:JSON.stringify():方法用于将JavaScript值转换为JSON字符串。语法JSON.stringify(value[,replacer][,space])value将要序列化成一个JSON字符串的值。replacer可选可以为数组或函数如果为数组:则只有包含在这个数组中的属性名才会被序列化到最终的JSON字符串中,replacer作key值(这个在讲实例的时候就知道这个key是干嘛的了,先记住就好)如果为函数:则把系列化后的每一个对象(记住是每

    2023-12-20
    137
  • 《WEB安全渗透测试》(19)Vue.js中的XSS攻击

    《WEB安全渗透测试》(19)Vue.js中的XSS攻击《WEB安全渗透测试》(19)Vue.js中的XSS攻击1.前言Vue是一套用于构建用户界面的渐进式JavaScript框架,与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。它的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合;另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue也完全能够为复杂的单页应用(SPA)提供驱动。Vue当下很火,但是鲜有人知Vue写法不当,很容易出现XSS漏洞。2.Vue漏洞复现…

    2023-12-18
    158
  • 一、Vue.js介绍

    一、Vue.js介绍一、介绍Vue(读音/vjuː/,类似于 view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,

    2023-12-16
    194
  • vue中全局公共方法和变量的使用

    vue中全局公共方法和变量的使用1.在assets文件夹下,新建js文件夹,创建common.jsexportdefault{istest(){console.log("thisistest")}}2.如果是全局(多页面)使用:在main.js中引入/*引入公共js*/importc

    2023-12-04
    139
  • Vue2源码解析-源码调试与核心流程梳理图解

    Vue2源码解析-源码调试与核心流程梳理图解现在VUE3已经有一段时间了,也慢慢普及起来了。不过因为一直还在使用VUE2的原因还是去了解和学了下它的源码,毕竟VUE2也不会突然就没了是吧,且VUE3中很多原理之类的也是类似的。然后就准备把VUE3搞起来了是吧。VUE2源码使用的是roullup进行打包的,还使用了Flow进行静态类型检测(该库

    2023-11-29
    159
  • Vue笔记 – 样式穿透原理及使用方法

    Vue笔记 – 样式穿透原理及使用方法样式穿透1.为什么需要样式穿透在开发中引入了第三方组件库(如element-ui),但又想要修改第三方组件库中组件的样式。组件库中的组件往往都有自己的样式,有时在开发中需要做出一定的调整。但是由于scoped的问题,有时对组件的样式修改会失效。而一旦去掉scoped,又会导致各种组件之间样式

    2023-11-28
    152
  • vuejs2.0使用Sortable.js实现的拖拽功能

    vuejs2.0使用Sortable.js实现的拖拽功能简介在使用vue1.x之前的版本的时候,页面中的拖拽功能,我在项目中是直接用的jqueryui中的sortable.js,只是在拖拽完成后,在update的回调函数中又重新排序了存放数据的数组。但是当把vue升级到2.0以上后发现拖拽功能失效了,于是使用了下面代码。该案例主要是在用于vuejs

    2023-11-28
    150
  • vue elementui 引入第三方icon iconfront

    vue elementui 引入第三方icon iconfrontelementui框架自带icon在开发大型前端应用时显得捉襟见肘。淘宝开源的"iconfront"的图标库上有很多优秀的icon图标。elementui支持整合iconfront到应用中,步骤如下:1.首先需要在iconfront注册登陆,新建项目,然后把心仪的icon

    2023-11-27
    176
  • Vue 模板

    Vue 模板在Vue中,Vue模板对应的就是Vue中的View(视图)部分,也是Vue重中之一,而在Vue中要了解Vue模板我们就需要从两个方面来着手,其一是Vue的模板语法,其二就是模板渲染。Vue模板语法是Vue中常用的技术之一,除非在应用程序中不用渲染视图或者你的程序直接采用的是渲染函数( re

    2023-11-26
    181
  • VUE基础入门使用教程

    VUE基础入门使用教程第一个Vue程序.html<!view层${}变成了一个模板><divid="app"><ul><li><spanv-bind:title="m">鼠标悬停几秒查看此处动态绑

    2023-11-19
    201
  • 前端开发Vue框架–(一)

    前端开发Vue框架–(一)Vue框架:"官网"为什么要学习vueVue导读如何使用Vue​ 官网下载后导入Vue实例1.实例成员挂载点(el:实例)vue如何与HTML页面结构建立关联:通过挂载点注意:html和body不能作为挂载点一个vue对象挂载点只能索引一个匹配结果,就算有

    2023-11-18
    233
  • Vue-动态组件

    Vue-动态组件动态组件所谓的动态组件就是在不同的组件之间进行动态切换。Vue提供了一个特殊的元素<component>用来动态的挂载不同的组件使用is属性来选择要挂载的组件。<componentv-bind:is="mytemp"></componen

    2023-11-17
    188
  • 新建vue项目(vue@3.3.4)

    新建vue项目(vue@3.3.4)一,通过命令行创建root@lhdpc:/data/vue#vuecreateresponsive此处使用默认选中的vue3,回车即可二,运行vue项目:按照提示运行root@lhdpc:/data/vue#cdresponsive/root@lhdpc:/data/vue/r

    2023-11-16
    216
  • vue中的修饰符

    vue中的修饰符vue中的修饰符Vue2.0学习笔记:Vue事件修饰符的使用v-model修饰符1、.lazy:输入框改变,这个数据就会改变,lazy这个修饰符会在光标离开input框才会更新数据:2、.trim:输入框过滤首尾的空格:3、.number:先输入数字就会限制输入只能是数字,先字符串就

    2023-11-15
    204
  • 超全的 Vue 开源项目合集,签收一下

    超全的 Vue 开源项目合集,签收一下超全的Vue开源项目合集,签收一下xiaoge2016 前端开发 1周前作者:xiaoge2016链接:https://my.oschina.net/u/3018050/blog/2049912写在前面包括一些ui库和比较完整的小项目。ui库会对主要的单选框,多选

    2023-11-14
    224
  • Vue开发工具介绍

    Vue开发工具介绍HBuilderVisualCode常用快捷键设置前进和后退(返回上一个浏览位置/下一个浏览位置)快捷键在Windows中可以使用快捷键“Alt+←”/“Alt+→”/实现。常用命令npmlistvue查看vue版本号npmrundevnpminstall引入依赖

    2023-11-11
    175
  • 超详细!新手如何创建一个Vue项目

    超详细!新手如何创建一个Vue项目本篇仅以HBuilderX为例,其余开发软件同样适用
    这里两种方法,使用script标签直接引入本地的vue.js或使用CDN引入。

    2023-11-09
    168
  • vue 三目表达式的书写

    vue 三目表达式的书写三目表达式语法为:条件表达式?表达式1:表达式2它的逻辑是根据前面判断条件,如果为真,则执行第一个;如果为假,则执行第二个。<divclass="check-part"style="overflow:auto;"><a-che

    2023-11-09
    211
  • vue学习——vue脚手架

    vue学习——vue脚手架vue脚手架(vueclicommandlineinterface)是Vue官方提供的标准化开发工具(开发平台)安装npminstall-g@vue/cli安装成功后,输入vue,新建vue项目vuecreatevue_namecdvue_namenpmruns

    2023-11-05
    241
关注微信