VUE
# VUE
Supernova_gu
这个作者很懒,什么都没留下…
展开
-
vue2的computed和watch
简单来说就是,computed适合用来操作单个属性,watch适合用来做开销比较大的操作例如异步操作/重新获取数据等一、computedcomputed是基于getter封装的函数方法,触发computed更新需要依赖的属性发生改变才会触发computed函数计算属性使得 属性 更容易加上逻辑<p>Reversed message: "{{ reversedMessage }}"</p>var vm = new Vue({ el: '#example', data原创 2022-04-12 12:32:41 · 818 阅读 · 3 评论 -
Vue突然报错 doesn‘t work properly without JavaScript enabled
突然报错未启用JavaScript下午演示项目的时候突然给我整了一出JavaScript未启用,当场就把我整尴尬了;然后我怀疑是不是写的路由守卫有问题就注释了再试发现问题还在?!然后经过各种骚操作以后,发现还是报这个js未启用,当场我就不信了!然后我就把yarn和node都重装了把电脑重启!这下绝对没问题了吧!把项目启动一看!当场傻了!问题还在然后我陷入了深深的思考,究竟是什么在搞怪?随之启用了搜索大法!网上的答案满满都是我发现找不到我想要的,那我就逐个排查!!先看看是不是vue的问原创 2022-01-14 11:24:40 · 47372 阅读 · 3 评论 -
记录eventBus插件mitt的坑
多次触发emit然后才触发on会累积事件执行次数;暂时没有想到限制方法,随之放弃这个方法因为我只需要每点击不同的事件累积只触发一次emit就行 条件判断.off遂复杂,我宁愿使用vuex原创 2021-12-31 15:48:51 · 1012 阅读 · 0 评论 -
vue3学习
Vue3带来了什么1.性能的提升打包大小减少了41%初次渲染快了55%,更新渲染快了133%内存减少54%2.源码的升级使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking3.拥抱TypeScriptVue3可以更好的支持TypeScript4.新的特性1)Composition API(组合API)·setup配置·ref与reactive·watch与watchEffect·provide与inject---原创 2021-11-19 14:24:12 · 527 阅读 · 0 评论 -
vue 发布时区分环境
1、通过vue构建1.vue-cli-service server// 环境默认为‘developement’vue-cli-service build 2.vue-cli-service build// 环境默认为‘production’vue-cli-service build 3.通过.env识别环境// 环境默认为‘production’.env // 全局默认环境.env.developement //开发环境.env.production//生产环境// .en原创 2021-11-09 12:00:04 · 1384 阅读 · 0 评论 -
vue xxx is not undefined
不能这样直接操作item.shop_name.shift()需要这样操作const shopNameArr = item.shop_name.shift()return { shop_name: shopNameArr}用一个变量接收 然后再赋值原创 2021-10-25 17:45:48 · 163 阅读 · 0 评论 -
axios的post请求
以下方式无法有效传递,可能是content-type的配置问题this.$http.post('/admin/v1.financial.AddUserName/Addpostdata/', {data:{1:1}} // 这里传入一个data对象会无法传递成功,需要先封装对象 然后传入一个对象 )这样就可以传递了 let uv = Qs.stringify({username: value + ''}) this.$http.post('/admin/v1.原创 2021-10-21 20:00:33 · 216 阅读 · 0 评论 -
el-select踩的坑记录一下
从后端获取的数据给el-select渲染,渲染失败前端代码获取数据async getSkus(value){ let sn = value sn.forEach(item=>{ if (sn.length > 1) { sn.splice(0, 1) console.log('删除了这个->' + item); } }) const { data:res } =原创 2021-10-15 16:27:54 · 630 阅读 · 0 评论 -
export 和 export default
export 和 export default两个导出,下面我们讲讲它们的区别export与export default均可用于导出常量、函数、文件、模块等在一个文件或模块中,export、import可以有多个,export default仅有一个 , 通过export方式导出,在导入时要加{ },export default则不需要 export能直接导出变量表达式,export default不行。引入方式不一样1.vueimport FunName from ‘…/xxx’1.j原创 2021-08-10 09:58:25 · 322 阅读 · 0 评论 -
Vuex-使用方法
Vuex全局数据管理/全局状态管理Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化简而言之,Vuex是一个全局数据管理工具,通过集中管理模式管理组件的状态,开发者可以通过一些Vue提供的方法来操作组件的状态Vuex.store使用方法:const store = new Vuex.store({State - data(单一状态树)// Vuex它作为一个“唯一数据源 (SSOT)”而存原创 2021-03-02 12:33:32 · 149 阅读 · 0 评论 -
$emit
我们知道,父组件是使用 props 传递数据给子组件,但如果子组件要把数据传递回去,应该怎样做?那就是自定义事件!每个 Vue 实例都实现了事件接口(Events interface),即:使用 $on(eventName) 监听事件使用 $emit(eventName)触发事件Vue.component('button-counter', { template: ` <button v-on:click="increment">{{ counter }}</button&原创 2021-02-27 22:07:54 · 340 阅读 · 0 评论 -
@vue-cli-init报错
错误yarn不行就用NPMnpm install -g @vue/cli-init1.安装卸载clinpm install -g @vue/clinpm uninstall -g @vue/cli或者yarn global add @vue/cliyarn global remove @vue/cli在最后@可以下载指定版本2.安装cli-inityarn global add @vue/cli-init或者npm install -g @vue/cli-init原创 2021-02-14 10:40:42 · 545 阅读 · 1 评论 -
Vue-Router
路由是什么hash模式history模式memory模式Vue-Router源码正则表达式的使用VueRouter的一些API原创 2021-02-12 18:23:04 · 162 阅读 · 0 评论 -
v-model
基本用法input / textarea / checkbox / radio / select / from修饰符.lazy / .number / .trimgo官方文档面试官问vue的双向绑定,其实是在问v-modelv-model是 v-bind:value 和 v-on: input 的语法糖v-on : input = “???” 这里需要背下来使用Ant Design of Vue引入ant-design-vue通过Modify来学习createForm、valida原创 2021-02-12 16:31:56 · 60 阅读 · 0 评论 -
VUE入门全解
vue完整版和非完整版非完整版特点:没有compiler视图:写在render函数里用h来创建标签cdn引入:vue.runtime.jswebpack引入:默认使用此版@vue/cli:默认使用此版使用webpack把代码通过vue loader编译成用户使用的版本完整版特点:有compiler视图:写在HTML里或者写在template选项cdn引入:vue.jswebpack引入:需要配置alias@vue/cli:需要额外配置compilr(编译器)=>复制d原创 2021-02-03 14:48:59 · 166 阅读 · 0 评论