发表于： 2020-04-28 22:45:50
2 1933
今天完成的事情：把重置样式和基础样式搬到vue脚手架中使用，了解一下vuex的state的几种调用方法。
明天计划的事情：先把几个任务的几个静态页面写掉
遇到的问题：vue安装sass依赖使用过程中，在公共样式中多层嵌套样式不生效，在局部（scoped）样式中只有最外层生效，嵌套第二层开始就失效，蒙蔽，看了一些穿透写法都不好用 /deep/报错， ::v-deep样式少还可以，稍多几个就不生效了，没找到解决办法
收获
computed:{
count(){
}
}，methods: {
使用this.$store.state.count的方法调用，在computed有返回值，所有要加上return，在方法中的add点击函数使用同样的的this.$store.state.count++，改变保存在store中的state中的变量count的值，在p标签中用插值表达式{{ count }}实时显示count的值及改变后的值。
第二种：在script标签之后引入vuex的文件，可以直接写方法，不惜要this指向就能正常调用，麻烦在哪用就要在哪引入，每个页面都要单独引入
import store from '@/store/index.js'
<p>{{ count }}</p>
<button @click="add" class="red">增加</button>
computed:{
count(){
}
}，methods: {
}
第三种：mapState辅助函数，但组件获取多个组件状态时，将这个状态的声明为计算属性会有些重复冗余，mapState辅助函数可以帮助计算生成属性
import { mapState } from 'vuex'
<p>{{ count }}</p>
<button @click="add" class="red">增加</button>
computed:{
count: state => state.count
},
在写登陆页面的使用精灵图的时候，用的时<img>标签，但是没给src的值，用的时背景引入的精灵图定位的，法相总有个灰色的边框，border为0也去出不掉，后来知道这个img标签在有宽高时，没有用src引入图片时默认的属性，去不掉，vue脚手架中的项目
给src随便添加一个值并添加alt属性（不需要定义）可以解决，
同样的方法在html文件中实现不了，同时添加是src和alt并src不引入有效的文件img标签会自动消失，宽高定义失效，可以给src添加一个不存在的网络图片地址，并添加alt=""（这个时用来隐藏在图片没有正常显示时img左上角的默认显示的logo）属性，能隐藏默认的灰色边框，不过有个缺点，就是图片不存在获取不到，图片获取404错误
返回列表
评论