这周学了啥?
主要就是vue
vueJs,它是基于组件化开发,单项数据流,只负责view层。
vueJs,有很多指令,比如说:
v-html,输出html内容
v-bind,用于绑定一些属性之类的
v-model,双向绑定
v-if,根据true或是false,来决定是否插入到页面当中,dom节点,不在页面中
v-show,根据true或是false,来决定是否在页面中显示,dom节点已经在页面中,只是隐藏
vue的事件
v-on:click="事件名"
可以简写成 @click="事件名"
.split(),用于把一个字符串分割成字符串数组
.reverse(),用于颠倒数组中元素的顺序
.join(),用于把数组中的所有元素放入一个字符串
v-for,循环指令,就是for循环
<li v-for="(n,m,j) in objs">...
迭代对象的属性
n,是值
m,是键
j,是索引
computed,计算属性,这是一个get方法
.watch(),监听属性,它所监听的值,有二个参数,
第一是新值 _v,第二个是旧值 _n,
watch : {
aaa : function( _v, _n ){
......
}
}
组件,component,
全局组件,Vue.component
用法<组件名></组件名>
自定义事件,用于父子组件的传值,子组件要向父组件去传值,就要用到"自定义事件"
$on,监听事件
$emit,触发事件
父组件,在使用子组件的地方,直接v-on,来监听它的触发
全局自定义指令 Vue.directive
自定义指令,就是封装好的一个函数,通过vue的语法来调用
使用方法,v-指令名
vue-cli脚手架
全局安装 npm install -g vue-cli
vueJs在vue-cli里面的文件烈性是 .vue的
.vue类型的文件,分为三个部分
-template,网页
-script,js
-style,样式
axios,可以提供get或post请求
语法
axios.get('url')
.then(function(_d){
});
vue生命周期的第一个方法
-created(),页面加载的时候就执行,类似于window.onload
.filter(),也是一个fot循环的封装,把符合条件的结果,进行返回
vuex,使用一个store对象,来保存和管理整个应用的状态
store,是整个状态的集中对象
-state,存放状态
-getter是state的计算属性
-mutations,更新状态的逻辑,同步操作的
不能直接调用它,要用store.commit()来提交mutations
-actions,提交mutations的,必须用dispatch来触发异步操作
做了啥
各个demo和路由,轮播图,购物车
有啥问题
不熟悉,分分钟忘记的节奏