-
some方法使用,只要有一个符合条件就返回true
界面跳转☆
查看全部 -
every的使用,foreach的使用
查看全部 -
父子组件传参
首先是在点击删除按键时,触发组件的delCartConfirm函数,动态修改modal组件是否显示的一个bool变量modalConfirm,使他为true,这时,父组件modal把true通过prop传递给子组件,然后子组件中的div就增加了显示的class,当点击子组件的关闭按键时,监听的点击唤醒了closeModal函数,通过emit从子组件中调用父组件的close对应的函数,从而再动态修改modalConfirm为false。
查看全部 -
<div class="item-price-total">{{(item.productNum*item.productPrice)|currency}}</div><!--添加了过滤器-->
//定义局部过滤器
filters:{
currency(value){
if(!value) return 0.00;
return '¥'+value.toFixed(2)+'元';
}
},
查看全部 -
直接把这个当做接口,虽然没有用到数据库,但是写的代码方式是一样的。
因为使用了vueaxios,所以不用再到每个地方都用import axios,直接使用即可。
查看全部 -
public是整个项目的静态资源,可以把imgs放进去
本次课是对组件的拆分,接下来进行组件间的交互
查看全部 -
component里存放组件(组件一般用大写命名)
assets里存放计算资源css、img等
pages自己创建,放置网页(组件一般用小写的命名):其实也是组件,都是vue文件
然后再main.js中导入插件(import)
import axios from 'axios'//用于发请求
import VueAxios from 'vue-axios'//用于将vue和axios结合起来
router.js用于搞页面路由(暂时不动懂)从a跳转到b
App.vue是根目录
export default 中的name是组件的名字
16.26前完成框架的搭建
(配置一些端口啥的)vue.config.js和babel那个文件雷同,遵循com规范?
查看全部 -
安装脚手架:
npm install -g @vue/cli 全局安装
查看全部 -
Node环境安装和配置
查看全部 -
vue3.0变化
查看全部 -
vue3.0特性
查看全部 -
组件版本介绍
查看全部 -
forEach:不能链式调用,循环中进行修改操作,会修改原有的数组;
map:不会修改原有数组,map()会返回一个新数组。
查看全部 -
要灵活运用已学知识,computed!
查看全部 -
单页应用本质是页面组件的替换,并没有真正地跳转页面。
单页应用不利于SEO,搜索引擎搜索不到。
查看全部 -
computed使用:
当其依赖的属性的值发生变化时,计算属性会重新计算,反之,则使用缓存中的属性值。
另一个前提是computed里的值必须要在模板中使用,才可以触发computed的更新。
查看全部 -
不推荐修改自身的props,会将值写死,导致父级无法再改变该属性的值。
查看全部 -
this.$emit("close") :
触发父级的close事件,
等价于this.$emit("click"),
本质上是触发父级的click事件,只是给click起了一个有意义的别名close
查看全部
举报