vue-cli3创建less工程,npm run serve 无法运行 bug解决方法: rm -rf node-modules 修改package.json为 "less": "^3.9.0", 接着yarn install 运行项目会发现提示缺少less-loader 安装less-loader即可 本文解决方法发散自:https://github.com/vuejs/vue-cli/issues/4449…
Vue - vue.js 常用指令 目录: 一. vuejs模板语法之常用指令 1. 常用指令: v-html 2. 常用指令: v-text 3. 常用指令: v-for 4. 常用指令: v-if 5. 常用指令: v-show 6. v-if和v-show的性能比较 7. 常用指令: v-bind 8. 常用指令: v-on 9. 常用指令: v-model 10. 常用指令: 指令修饰符 11. 常用指令: 计算属性 12. 常用指令: 侦听属性 13. 常用指令: 自定义指令 14.…
使用Typescript开发Vue,一切准备就绪.但npm start 时,提示“ ERROR in ./src/main.tsModule build failed: TypeError: Cannot read property 'afterCompile' of undefined“错误. 解决方法 将ts-loader从4.0降低到3.1.1解决问题.是由于webpack和ts-loader版本不兼容造成的.…
1.[Vue warn]: Duplicate keys detected: '0'. This may cause an update error. 第一眼看到这个错误一脸懵逼,项目使用很久了,代码也没有改过,为什么控制台会报这个错,让我很费解,查了一下是因为两个v-for并行使用导致key的,测试了一下确实如此.说明如下: a.控制台报错: b.报错前代码 c.修改后,在其中一个并行的v-for里面修改key ,区别于下面的key即可 补充说明:如果有路过的大神知道具体原理,请留言说明,谢谢…
使用vue-cli 3.0+Element-ui时候,调用form表单校验时候出现的问题是: Property 'validate' does not exist on type 'Element | Element[] | Vue | Vue[]'. Property 'validate' does not exist on type 'Element'. 解决方案 (this.$refs.form as any).validate((valid: boolean) => { if (vali…
初始化 使用脚手架工具 create-nuxt-app 快速创建 npx create-nuxt-app <项目名> npx create-nuxt-app 执行一些选择 在集成的服务器端框架之间进行选择: 选择您喜欢的 UI 框架: 选择您喜欢的测试框架: 选择你想要的 Nuxt 模式 (Universal or SPA) 添加 axios module 以轻松地将 HTTP 请求发送到您的应用程序中. 添加 EsLint 以在保存时代码规范和错误检查您的代码. 添加 Prettier 以在…
看本篇第二次复习内容即可. 还有一些 文档了这个如 https://www.cnblogs.com/iiiiiher/p/9508733.html https://www.cnblogs.com/iiiiiher/p/8973705.html vue复习项目 1.展示/搜索功能 tofixed 2.删除 filter() 3.全选反选 get checkAll的值, every set 各选项,forEach 4.总价格 reduce 5.选了多少本书 filter+length 6.选中后变灰…
spa单页开发及vue-router基础: https://www.cnblogs.com/iiiiiher/p/9034496.html url两种传参方式 query: $route.query http://localhost:63342/login?name=maotai&age=22 params: $route.params http://localhost:63342/login/maotai/22 引入router组件后, vm里注册router,会在vm实例上新增router属…
1.父子组件 在上一篇随笔中展示了vue的组件,当我们继续在组件中写组件,形成组件嵌套的时候,就是我们所说的父子组件了. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue</title> <script src="bower_components/vue/dist/vue.js&qu…
vue提供了一整套前端解决方案,可以提升企业开发效率 vue的处理过程 app.js 项目入口,所有请求最先进入此模块进行处理 route.js 由app.js调用,处理路由的分发 controller.js 处理各种业务 model.js 执行增删改查crud(create.read.update.delete) MVC 即model(M).html(V).route.controller(c) MVVM VM是连接M和V的中介角色,VM提供了数据的双向绑定,作为view的html展示数据时需…