08 2020 档案

vue-cli3配置路径别名
摘要：在vue.config.js中添加如下代码，如果没有这个文件，在根目录创建一个 const path = require("path"); function resolve(dir) { return path.join(__dirname, dir); } module.exports = { c 阅读全文
posted @ 2020-08-23 09:15 CHUNYIN 阅读(4567) 评论(0) 推荐(0)
VueRouter路由跳转报错vue-router.esm.js?fe87:1958 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location:
摘要：解决办法 1、在使用 replace、push等方法时捕获异常 阅读全文
posted @ 2020-08-22 23:29 CHUNYIN 阅读(2566) 评论(0) 推荐(0)
使用vue-router的activated时的问题
摘要：vue-router.esm.js?fe87:1958 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/home/news". 解决办法: import R 阅读全文
posted @ 2020-08-22 16:02 CHUNYIN 阅读(1160) 评论(0) 推荐(0)
双向绑定v-model与表单元素，修饰符.lazy,.number,.trim
摘要：v-model 预期：随表单控件类型不同而不同。 限制： <input> <select> <textarea> components 修饰符： .lazy - 取代 input 监听 change 事件 , lazy ,回车enter时和失去聚焦时，才是输入 .number - 输入字符串转为有效 阅读全文
posted @ 2020-08-21 22:00 CHUNYIN 阅读(499) 评论(0) 推荐(0)
高阶函数 filter/map/reduce
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>高阶函数</title> </head> <body> <script> // const nums = [11, 222,444,55,66,23,90] / 阅读全文
posted @ 2020-08-21 21:57 CHUNYIN 阅读(172) 评论(0) 推荐(0)
v-for遍历数组，对象与响应式方法
摘要：v-for 预期：Array | Object | number | string | Iterable (2.6 新增) 用法： 基于源数据多次渲染元素或模板块。此指令之值，必须使用特定语法 alias in expression，为当前遍历的元素提供别名： <div v-for="item in 阅读全文
posted @ 2020-08-21 21:53 CHUNYIN 阅读(1177) 评论(0) 推荐(0)
登录切换小案例，key
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录切换案列</title> </head> <body> <div id="app"> <span v-if='isUser'> <!-- 加上key 可以保 阅读全文
posted @ 2020-08-21 21:45 CHUNYIN 阅读(138) 评论(0) 推荐(0)
v-if，v-else，v-if-else,v-show
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>v-if，v-else，v-show，</title> </head> <body> <div id="app"> <!--当isShow为false时，v-i 阅读全文
posted @ 2020-08-21 21:42 CHUNYIN 阅读(174) 评论(0) 推荐(0)
事件监听v-on与修饰符
摘要：事件监听v-on: <!--有一个参数传入,1、没有括号的，传入的是浏览器的event事件 2、有括号没有参数的 ，是undefined 3、有参数 ，正确执行方法--> <button @click = "btClick3">按钮3</button> <button @click = "btCli 阅读全文
posted @ 2020-08-21 21:37 CHUNYIN 阅读(264) 评论(0) 推荐(0)
块级作用域与ES6
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>块级作用域与ES6</title> </head> <body> <!--<div id="app">--> <!--{{message}}--> <!--</ 阅读全文
posted @ 2020-08-21 21:25 CHUNYIN 阅读(192) 评论(0) 推荐(0)
vue初体验
摘要：vue初体验 v-clock: cloak 斗篷，在解析之前会遮住，即是， 在解析vue之前，有v-cloak 属性，解析会，没有v-cloak属性，很少用- v-text: 显示文本，会覆盖，不灵活，很少用 v-html： 解析html标签格式 v-pre: 显示原文本，不会解析 跳过这个元素和它 阅读全文
posted @ 2020-08-21 21:05 CHUNYIN 阅读(140) 评论(0) 推荐(0)
webpack 打包时出现的问题
摘要：问题1： rnpm run build Hash: 1bcc079c2743efc93a76Version: webpack 3.6.0Time: 474ms Asset Size Chunks Chunk Namesbundle.js 12.1 kB 0 [emitted] main [0] ./ 阅读全文
posted @ 2020-08-19 11:29 CHUNYIN 阅读(1555) 评论(0) 推荐(0)
webpack初步学习
摘要：coderwhy 的webpack深入解析： https://www.jianshu.com/p/a83ffc6fdf1d WebStorm配置new 有Vue Component .vue文件 ： https://www.cnblogs.com/karthuslorin/p/8301282.htm 阅读全文
posted @ 2020-08-19 10:05 CHUNYIN 阅读(119) 评论(0) 推荐(0)