1.Vue 不同环境配置不同的接口地址;在项目中,前端请求访问的地址如果有跨域,我们会在config–>index.js中配置代理。这样前端请求就可以使用'/api/接口名称',但是在生产环境下,我们不需要接口请求前面加'/api',所以就需要判断开发环境生产环境。 1) config -> dev.env.js 添加开发接口地址 config -> prod
这篇文章主要 文这里不是重点,
箭头函数箭头函数是和我们工作密切相关的东西;可以说箭头函数的诞生,给我们的工作带来了极大的便利。但是箭头函数有什么缺点?什么时候不能使用箭头函数? 这你了解吗?我们觉得箭头函数很高级,可以规避 this 的问题,所有的场景下都是用箭头函数。在不能使用的场景下使用了,出现了问题,你还不知道是什么问题,那这不是瞎添乱吗!是不是!这里给大家先提出一个问题:const obj = { n
转载 9月前
346阅读
前言这篇文章是带大家认识一个非常好用的小技巧,是对箭头函数的理解,我是在进行vue项目开发的时候碰到的,所以在这里整理一下分享给大家,如果有不对或者不恰当的地方,大家可以在下方评论,我们一起交流。举几个例子1、在对象中,看图没有用箭头函数的情况下是还是指向这个对象中ccc,如果我们用上箭头函数的话那么指向的就是data里面的值了2、使用回调函数的时候用普通函数的话就是找不到,报错,当然这里可以声明
文章目录一、事件监听事件:$on监听一次:$once移除监听:$off触发事件:$emit二、数据监听数据:$watch添加数据:$set删除数据:$delete三、生命周期手动挂载:$mount()强制渲染:$forceUpdate()延迟更新:$nextTick()销毁实例:$destroy()四、属性根元素:$el根属性:$root父组件:$parent子组件:$children各组件:$r
转载 2月前
16阅读
目录一、样式绑定1.1.class绑定1.2.style绑定二、事件处理器2.1.事件修饰符2.2.按键修饰符三、自定义指令3.1.全局指令3.2.局部指令四、vue组件五、自定义事件一、样式绑定1.1.class绑定使用方式:v-bind:class="expression" expression的类型:字符串、数组、对象。案例:1.字符串和数组方式<!DOCTYPE html&
一.Vue3的介绍相信大家都已经学习过Vue2了,对Vue有了一定的了解。那么今天我们就一起来学习有关Vue3的知识点。那为什么要学习Vue3呢,主要是他有以下的特点。 (1)新增组合式api (2)更加接近原生 (3)更加解耦(react启发)二.Vue3的安装全局安装脚手架(如果安装过脚手架请忽略这步)npm i @vue/cli -g 创建一个vue3 的项目vue create 项目名称
我们在编写vuex代码过程中,觉得在a.vue的模板里面写入例如 <p>{{$store.state.num}}</p>很麻烦,我们希望直接就写成{{num}},我们应该怎么写,vue给出三种固定写法,大家理解之后基本照抄,稍做改动即可第一种方法 通过computed的计算属性直接赋值 1.store.js(vuex的代码如下): import Vue
setup监听数据import { watch , watchEffect ,computed ,ref,reactive} from 'vue' //ref设置响应式的基本数据类型 reactive 设置响应式的引用数据类型 // watchEffect 立即执行传入的一个函数,同时响应式追踪其依赖,并在其依赖变更时重新运行该函数。 let WatchStopHandle= watchEffec
转载 2024-10-23 22:31:35
92阅读
文章目录一、Vue3基础语法1、Vue开发准备2、Vue的模板语法3、条件渲染4、列表渲染5、事件处理6、表单输入绑定二、Components组件1、组件基础2、组件交互3、自定义事件的组件交互4、组件生命周期5、引入第三方组件三、网络请求及路由配置1、Axios网络请求2、Axios网络请求封装3Vue引入路由配置4、Vue路由传递参数5、Vue路由嵌套四、Vue3状态管理及新特性1、Vue
转载 2024-03-31 13:34:39
584阅读
一,简介:2020年9月18日, vue3发布3.0版本, 代号大海贼时代来临,One Piece1,特点:无需构建步骤,渐进式增强静态的 HTML 在任何页面中作为 Web Components 嵌入 单页应用 (SPA) 全栈 / 服务端渲染 (SSR) Jamstack / 静态站点生成 (SSG) 开发桌面端、移动端、WebGL,甚至是命令行终端中的界面2,Vue3带来了什么打包大小减少4
箭头函数使用<script> //箭头函数:也是一种定义函数的方式 //1 定义函数的方式:function const aaa = function () { } //2 对象字面量中定义函数 const obj = { bbb:function () { }, bbb(){ } } //3.ES6中的箭头函数
转载 4月前
103阅读
箭头函数普通函数的区别一.外形不同:箭头函数使用箭头定义,普通函数中没有 代码实例如下:// 普通函数 function func(){ // code } // 箭头函数 let func=()=>{ // code }二.箭头函数都是匿名函数 普通函数可以有匿名函数,也可以有具体名函数,但是箭头函数都是匿名函数。 代码实例如下:// 具名函数 function func(){
目录一.外形不同:二.箭头函数都是匿名函数三.箭头函数不能用于构造函数,不能使用new四.箭头函数中this的指向不同1.箭头函数本身不创建this2.结合call(),apply()方法使用3.箭头函数不绑定arguments,取而代之用rest参数…解决4.其他区别5、总结:五、箭头函数的注意事项及不适用场景一.外形不同:箭头函数使用箭头定义,普通函数中没有代码如下:// 普通函数 funct
箭头函数普通函数的区别1、箭头函数是匿名函数,不能作为构造函数,不能使用new2、箭头函数不绑定arguments,取而代之用rest参数...解决3箭头函数不绑定this,会捕获其所在的上下文的this值,作为自己的this值4、箭头函数没有原型属性5、箭头函数通过 call() 或 apply() 方法调用一个函数时,只传入了一个参数,对 this6、箭头函数不能当做Genera
组件插件 组件(Component) 是用来构成你的 App 的业务模块,它的目标是 App.vue。 插件(Plugin) 是用来增强你的技术栈的功能模块,它的目标是 Vue 本身。插件的功能插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制,一般有下面几种:添加全局方法或者 property。如:vue-custom-element添加全局资源:指令/过滤器/过渡等。如 vu
转载 2024-09-23 00:38:27
79阅读
前言:vue官方入口 目录一、vue2.0中props的用法1、父组件中 a.vue中2、子组件中 b.vue3、孙子组件中 c.vue中二、vue3.0中props的用法1、父组件中 a.vue中2、子组件中 b.vue3、孙子组件中 c.vue中三、vue.2.0的propsvue3.0的props的对比个人理解:          &n
转载 9月前
27阅读
写在开始,关于传参内容写在第三部分,不推荐跳过前半段。 一、初始的栗子<style> button{ border: none; outline: none; background: lightblue; color: #333; padding: 20px 40px; border
先附一张官网上的vue实例的生命周期图,每个Vue实例在被创建的时候都需要经过一系列的初始化过程,例如需要设置数据监听,编译模板,将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫做生命周期钩子的函数(回调函数),这给了用户在不同阶段添加自己代码的机会。1、vue的生命周期图在vue实例的整个生命周期的各个阶段,会提供不同的钩子函数以供我们进行不同的操作。先列出vue官网
一般页面元素是有属性的,如a标签有href等属性,同样Vue中组件也是有属性的。在Vue组件中想要使用属性,首先需要在组件内部定义一些属性,这些属性在Vue中被为prop,在组件中通过props选项中定义。Props的类型在Vue组件中,props选项的类型可以是一个字符串数组,也可以是一个对象。如下:Vue.component('PostItem', { props: ['postTit
转载 2024-07-15 13:04:43
65阅读
  • 1
  • 2
  • 3
  • 4
  • 5