随笔分类 -  1.6 Vue相关

摘要:相关视频请到B站自行搜索,免费教程实属不易.相关文档参考 应属同一资源 gitee 代码 更正与批注,最后有一处报错 src\pages\login\index.vue async login() { // 网络请求 let data = await login(this.account); let 阅读全文
posted @ 2021-06-11 15:00 轴轴 阅读(65) 评论(0) 推荐(0) 编辑
摘要:官方参考 进行了一些项目的实操, 当刚在代码中接触到了 mapState() ...mapState 这样的代码时,一脸茫然,然后开始学习. 版本1:直接在模板中访问Vuex中的数据,见下面行4, 其中 1).\src\sotre\index.js 中new Vuex 对象 2).在 main.js 阅读全文
posted @ 2021-02-24 11:15 轴轴 阅读(106) 评论(0) 推荐(0) 编辑
摘要:6-1 Vue项目预热 - 环境配置 1.安装nodeJSnodeJS v7.10.1 2021.2月 我的版本是 node -v 14.15.4推荐了gitee.com Dell-Lee 的gitee站点: gitee.com/dell-lee/events 2.安装git 相关命令:git -- 阅读全文
posted @ 2021-02-14 18:49 轴轴 阅读(240) 评论(0) 推荐(0) 编辑
摘要:本地模拟服务器 appserv 其它参考 vue中$emit与$on和BUS Element UI 手册 腾讯云 Element官网参考 微信官方文档 小程序 看里面的组件,在开发时会用到 PHP后端 + APP前端工程实例-H5资讯APP,让新人更容易上手 开源 ( 附视频介绍) 有代码下载可学习 阅读全文
posted @ 2020-07-17 08:53 轴轴 阅读(512) 评论(0) 推荐(0) 编辑
摘要:sync后缀 1. 子组件自身事件,更新自身属性,如这里show, 并同时将属性值"同步"给父组件中的data,如这里valueChild2. 父组件对data改变, 可以同步给子组件的属性 1 <template> 2 <div class="details"> 3 <myComponent :s 阅读全文
posted @ 2020-07-16 15:53 轴轴 阅读(542) 评论(0) 推荐(0) 编辑
摘要:1 HelloVuex.vuex 1 <template> 2 <div>HelloVuex 3 <button @click="ClickSetHandler">Vuex SET</button> 4 <button @click="ClickGetHandler">Vuex GET</butto 阅读全文
posted @ 2020-07-09 16:28 轴轴 阅读(378) 评论(0) 推荐(0) 编辑
摘要:...mapGetters(["变量名"]) 是属于Vuex原生的知识,所以如有要学习知道所以然, 入口是 Vuex官网 Vuex API 话说回来, 如果自己摸索, 为知道了入口在哪里, 也是要花费精力和时间的. 所以找对入口, 就可以保证方向是对的. 参考 vuex中mapGetters的使用及 阅读全文
posted @ 2020-07-08 14:05 轴轴 阅读(3995) 评论(0) 推荐(0) 编辑
摘要:参考 Vue项目中使用svg图标 这篇软文质量不错, 依葫芦画瓢,也跑通了 1.慢慢在理解其中包含的知识 2. 把自己理解换一种方式表达一下 我们想在vue页面使用svg图标,例如 <template> <div> <h1>Svg实践,在页面中使用</h1> <svg-icon icon-class 阅读全文
posted @ 2020-06-29 14:45 轴轴 阅读(4745) 评论(0) 推荐(0) 编辑
摘要:"vue": "^2.5.2",在package.json 的devDependencies中最小安装3个模块1. "sass": "^1.26.5"2. "node-sass": "^4.14.1",3、"sass-loader": "^7.3.1" 最小安装 2020年 踩坑点:不要安装sass 阅读全文
posted @ 2020-06-12 08:53 轴轴 阅读(878) 评论(0) 推荐(0) 编辑
摘要:搜了一篇文章,踩了坑,重新实践 有坑 在Vuex使用 以及 dispatch和commit来调用mutations的区别 实际生产级开发时,会将Vuex的使用中涉及到actions, mutations 单独写成独立的js文件.此处仅作基本的Vuex学习演示,帮助入门理解. Vuex 官方API m 阅读全文
posted @ 2020-06-05 14:36 轴轴 阅读(18490) 评论(0) 推荐(0) 编辑
摘要:看代码 <div v-on:scroll.passive="onScroll">...</div> 代码告诉JS引擎, 监听页面滚动事件,然后执行方法OnScroll,至于什么要用passive修饰符 默认情况: 浏览器会等待JS的运行结果, 如在用户触发了滚动事件, JS滚动事件监听器监听到该事件 阅读全文
posted @ 2020-04-28 16:59 轴轴 阅读(1068) 评论(0) 推荐(0) 编辑
摘要:Beautify 1.5.0插件下的格式化配置 { "beautify.config": "", "beautify.language": { "css": { "type": ["css", "scss"], "indent_size": 2 }, "js": { "type": ["javasc 阅读全文
posted @ 2020-04-28 14:42 轴轴 阅读(1013) 评论(0) 推荐(0) 编辑
摘要://增加第3行到第5行代码 1 down() { 2 this.flags = true; 3 document.body.addEventListener('touchmove', function (e) { 4 e.preventDefault(); 5 }, {passive: false} 阅读全文
posted @ 2020-04-23 09:20 轴轴 阅读(277) 评论(0) 推荐(0) 编辑
摘要:vuex属于vue生态中的一个技术点,当随着vue编程开发后,一定会遇到vuex,至于vuex是什么,为什么需要vuex,这应该是理解层面的知识。至于怎么在代码用到vuex,怎么coding,可以先从下面这个教程开始,先混个眼熟开始,达到快速技术点扫盲的目的。 <head> <meta charse 阅读全文
posted @ 2020-03-19 23:05 轴轴 阅读(326) 评论(0) 推荐(0) 编辑
摘要:当时的想法是xxx.vue 代码里面是否打断点,或者在阅读源时,看了解某一变量的值,或者方法是否被调用 参考了 vscode中断点调试vue 但实际实践,还是有不少具体情况要注意 1. VSCode(1.43)安装Debugger for Chrom插件后之后(重启),左侧有一个"虫子"的按钮图标, 阅读全文
posted @ 2020-03-13 12:47 轴轴 阅读(5462) 评论(1) 推荐(1) 编辑
摘要:时间2019.9月 1. 安装 nodeJS; 安装VScode 安装好nodeJS之后,默认会安装好npm 测试 nodeJS 和npm是否可以执行 node -v npm -v 1.1 VScode 相关插件安装 ESLint 1.9.1; LiveServer 5.6.1 (2019.9) o 阅读全文
posted @ 2019-09-19 08:33 轴轴 阅读(11536) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示