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

这周学了啥?

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

有啥问题

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

原文发布于微信公众号 - web前端教室(webfeel)

原文发表时间:2018-10-23

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏liulun

学习WPF——元素绑定

概念 从源对象提取一些信息,并用这些信息设置目标对象的属性 示例 image.png image.png 数据绑定表达式使用XAML的标记扩展(因此具有花括号)...

2266
来自专栏遊俠扎彪

Makefile中的Shell脚本简介

1、Makefile中可以嵌入shell脚本,而且能像shell脚本中一样,各种命令、控制结构都可使用。

2178
来自专栏破晓之歌

vue2.5入门(推荐,差代码) 原

1012
来自专栏别先生

jQuery/javascript实现网页注册的表单验证

1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <title>注册表单验证</title> 5 <...

2666
来自专栏极客生活

数据分析Excel技能之自动填充

将光标移动到选中的单元格的右下角的那个节点上光标会变成实心加号。然后可以上下左右拖动光标就会自动填充当前单元格中的内容。 根据当前单元格中的内容格式不同,ex...

1103
来自专栏一“技”之长

Java开发GUI之列表 原

    awt包中的List控件可以创建一个选择列表,此列表可以支持单选,也可以支持多选。

3352
来自专栏iKcamp

React 深入系列3:Props 和 State

文:徐超,《React进阶之路》作者 授权发布,转载请注明作者及出处 ---- React 深入系列3:Props 和 State React 深...

3996
来自专栏老马寒门IT

05-Vue入门系列之Vue实例详解与生命周期

Vue的实例是Vue框架的入口,其实也就是前端的ViewModel,它包含了页面中的业务逻辑处理、数据模型等,当然它也有自己的一系列的生命周期的事件钩子,辅助我...

3435
来自专栏企鹅号快讯

不到200行 JavaScript 代码如何实现富文本编辑器

作者:吴锴 http://www.wukai.me/2017/12/31/rich-text-editor-in-less-than-200-lines-jav...

2267
来自专栏Google Dart

AngularDart Material Design 输入 顶

Selector: <material-input:not(material-input[multiline])>

1414

扫码关注云+社区

领取腾讯云代金券