随笔分类 - 1.6 Vue相关
摘要:相关视频请到B站自行搜索,免费教程实属不易.相关文档参考 应属同一资源 gitee 代码 更正与批注,最后有一处报错 src\pages\login\index.vue async login() { // 网络请求 let data = await login(this.account); let
阅读全文
摘要:官方参考 进行了一些项目的实操, 当刚在代码中接触到了 mapState() ...mapState 这样的代码时,一脸茫然,然后开始学习. 版本1:直接在模板中访问Vuex中的数据,见下面行4, 其中 1).\src\sotre\index.js 中new Vuex 对象 2).在 main.js
阅读全文
摘要: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 --
阅读全文
摘要:本地模拟服务器 appserv 其它参考 vue中$emit与$on和BUS Element UI 手册 腾讯云 Element官网参考 微信官方文档 小程序 看里面的组件,在开发时会用到 PHP后端 + APP前端工程实例-H5资讯APP,让新人更容易上手 开源 ( 附视频介绍) 有代码下载可学习
阅读全文
摘要:sync后缀 1. 子组件自身事件,更新自身属性,如这里show, 并同时将属性值"同步"给父组件中的data,如这里valueChild2. 父组件对data改变, 可以同步给子组件的属性 1 <template> 2 <div class="details"> 3 <myComponent :s
阅读全文
摘要:1 HelloVuex.vuex 1 <template> 2 <div>HelloVuex 3 <button @click="ClickSetHandler">Vuex SET</button> 4 <button @click="ClickGetHandler">Vuex GET</butto
阅读全文
摘要:...mapGetters(["变量名"]) 是属于Vuex原生的知识,所以如有要学习知道所以然, 入口是 Vuex官网 Vuex API 话说回来, 如果自己摸索, 为知道了入口在哪里, 也是要花费精力和时间的. 所以找对入口, 就可以保证方向是对的. 参考 vuex中mapGetters的使用及
阅读全文
摘要:参考 Vue项目中使用svg图标 这篇软文质量不错, 依葫芦画瓢,也跑通了 1.慢慢在理解其中包含的知识 2. 把自己理解换一种方式表达一下 我们想在vue页面使用svg图标,例如 <template> <div> <h1>Svg实践,在页面中使用</h1> <svg-icon icon-class
阅读全文
摘要:"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
阅读全文
摘要:搜了一篇文章,踩了坑,重新实践 有坑 在Vuex使用 以及 dispatch和commit来调用mutations的区别 实际生产级开发时,会将Vuex的使用中涉及到actions, mutations 单独写成独立的js文件.此处仅作基本的Vuex学习演示,帮助入门理解. Vuex 官方API m
阅读全文
摘要:看代码 <div v-on:scroll.passive="onScroll">...</div> 代码告诉JS引擎, 监听页面滚动事件,然后执行方法OnScroll,至于什么要用passive修饰符 默认情况: 浏览器会等待JS的运行结果, 如在用户触发了滚动事件, JS滚动事件监听器监听到该事件
阅读全文
摘要:Beautify 1.5.0插件下的格式化配置 { "beautify.config": "", "beautify.language": { "css": { "type": ["css", "scss"], "indent_size": 2 }, "js": { "type": ["javasc
阅读全文
摘要://增加第3行到第5行代码 1 down() { 2 this.flags = true; 3 document.body.addEventListener('touchmove', function (e) { 4 e.preventDefault(); 5 }, {passive: false}
阅读全文
摘要:vuex属于vue生态中的一个技术点,当随着vue编程开发后,一定会遇到vuex,至于vuex是什么,为什么需要vuex,这应该是理解层面的知识。至于怎么在代码用到vuex,怎么coding,可以先从下面这个教程开始,先混个眼熟开始,达到快速技术点扫盲的目的。 <head> <meta charse
阅读全文
摘要:当时的想法是xxx.vue 代码里面是否打断点,或者在阅读源时,看了解某一变量的值,或者方法是否被调用 参考了 vscode中断点调试vue 但实际实践,还是有不少具体情况要注意 1. VSCode(1.43)安装Debugger for Chrom插件后之后(重启),左侧有一个"虫子"的按钮图标,
阅读全文
摘要:时间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
阅读全文