前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >WEB前端零基础课-1022本周总结

WEB前端零基础课-1022本周总结

作者头像
web前端教室
发布2018-11-22 16:20:18
1.1K0
发布2018-11-22 16:20:18
举报
文章被收录于专栏:web前端教室web前端教室

这周学了啥?

主要就是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和路由,轮播图,购物车

有啥问题

不熟悉,分分钟忘记的节奏

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2018-10-23,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 web前端教室 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档