Vue
HolmesChal
坚持总结并分享保姆级知识点的小码农
展开
-
【vue】“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
安装vue-Router@4.0+时写路由注册// vue-Router@2.0+的写法import VueRouter from 'vue-router'const router = VueRouter.createRouter({ history:vueRouter.createWebHashHistory(), routes:[...]})果然报错!!!,vue-Router@4.0+已经不支持这种写法// vue-Router@4.0+的写法import {createRoute原创 2021-12-10 22:08:15 · 2580 阅读 · 1 评论 -
【vue】export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue
在下载vuecli脚手架时没有指定版本,npm默认安装最新的版本(4.5.4)vuecli@4.0+中main.js创建vue实例import {createApp} from 'vue'import App from './App.vue'import router from './router'createApp(App).use(router).mount('#app')vuecli@3.0+中main.js创建vue实例import Vue from 'vue'import App原创 2021-12-09 22:55:51 · 296 阅读 · 0 评论 -
【vue】解决报错:npm ERR A complete log of this run can be found in: npm ERR
在进行依赖包下载时npm install时出现这个报错,开始是安装不上,提示升级npm,然后我按要求升级npm i npm 依然报错。解决方法:1.执行 npm install npm@latest -g升级到最新版本2.删除本地node_modules 依赖包3. 执行 npm cache clean --force 清理缓存4. npm install...原创 2021-12-08 21:56:12 · 1871 阅读 · 0 评论 -
【vue-cli】Warning: name can no longer contain capital letters
用脚手架新建项目的时候发现一个问题vue create VueProject会报Warning: name can no longer contain capital letters,原因也很简单,就是不能包含大写字母,改小写就好啦原创 2021-12-07 22:25:10 · 1039 阅读 · 0 评论 -
【vue】vue2中attribute继承不存在事件继承,但vue3中存在事件继承
<date-picker @change="submitChange"></date-picker>app.component('date-picker', { created() { console.log(this.$attrs) // { onChange: () => {} } }})当有一个具有 change 事件的 HTML 元素将作为 date-picker 的根元素时,这可能会有帮助。app.component('date-pick原创 2021-12-06 22:09:21 · 492 阅读 · 0 评论 -
【vue】vue中computed属性中setter函数不执行问题
注意计算属性(computed)是基于它们的响应依赖关系缓存的。计算属性只在相关响应式依赖发生改变时它们才会重新求值...data(){ return { name:'chen' }}computed:{ fullName:{ get(){ return this.name }, set(newValue){ console.log('setter被调用了',newValue); } }}注意依赖为fullname而非this.name...原创 2021-12-04 22:52:32 · 1345 阅读 · 1 评论 -
【vue】vue.js中实现方法内某些代码延时执行
值得注意的是这里在setTimeout函数如果使用到了this,必须在函数外定义一个变量来暂存this。如果不需要使用this,则不用定义var that = this;setTimeout(function(){ that.modify = flase;},5000)原创 2021-12-04 22:50:58 · 878 阅读 · 0 评论 -
【vue】报错 export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue
问题原因: 安装了最新的vuecli,版本大概是4.5.4,我最开始安装vuecli没有指定版本如果把import {createApp} from 'vue'换成import Vue from 'vue'当你npm run serve就会出现错误。这其实是用法的改变,我也不会使用ceateApp。所以我就改变vuecli版本,我回到了3.0.4解决办法先卸载原先的版本npm uninstall -g @vue-cli安装指定版本(你安装其他版本也可以,但是要能支持这样导入i原创 2021-12-03 23:03:12 · 871 阅读 · 1 评论 -
【vue】报错 Vue3 “export ‘createWebHistory, createRouter‘ was not found in ‘vue-router‘
重新安装npm install vue-router@next --save原创 2021-12-03 23:02:00 · 914 阅读 · 0 评论 -
【vue】解决Vue请求数据后渲染页面出现报错
vue请求数据渲染到页面时,在渲染页面对数据进行处理,由于数据一开始初始化,数据还没请求回来,先渲染了页面,导致报错解决:在根元素上添加v-if(请求数据的其中一个属性)请求数据回来后才渲染页面 <template> <div v-if="good.good_id"> <img :src="good.good_img"/> <h2>{{good.good_title}}</h2&g原创 2021-10-01 14:16:28 · 1695 阅读 · 0 评论 -
【vue】报错 Uncaught SyntaxError: Unexpected token ‘<‘
解决办法: 把放在 Vue项目 src/assets里边的资源文件放到 public 文件夹下来引用assets文件夹与static文件夹的区别【1】区别一:assets文件是src下的,所以最后运行时需要进行打包,而static文件不需要打包就直接放在最终的文件中了【2】区别二:assets中的文件在vue中的template/style下用…/这种相对路径的形式进行引用,在script下必须用@import的方式引入,而static下的文件在.vue中的任何地方只需使用…/这种相对路径的方式引入原创 2021-11-30 23:00:02 · 527 阅读 · 0 评论