scj1014的博客

1. 为什么需要模块化1.1 早期js开发的痛点在网页开发的早期，js制作作为一种脚本语言，做一些简单的表单验证或动画实现等，那个时候代码还是很少的。那个时候的代码是怎么写的呢？直接将代码写在1.2 使用模块作为出口我们可以将需要暴露到外面的变量，使用一个模块作为出口，什么意思呢？在匿名函数内部定义一个对象给这个对象添加各种需要暴露到外面的属性和方法最后将这个对象返回，在...

1 编译的作用域在学习插槽slot之前，我们先理解一个概念，编译的作用域。下面我们通过一个例子来说明：我们定义一个组件，在组件里定义一个属性：isShow，对应的值为false,然后在Vue实例中也定义一个这样的属性，属性的值为true:<my-cpn v-show="isShow"></my-cpn>最后我们看这行代码里面的内容能不能被渲染出来，代码如下:&l...

1. 什么是组件化人在面对复杂问题的时候，习惯将复杂的问题按照一定的规律和逻辑拆成一个个小的问题来慢慢解决，当所有小的问题解决了，那么原本那个大的复杂问题也迎刃而解了。组件化也有类似的思想：如果我们将一个页面的所有逻辑全部放在一起处理，那么处理起来将会变得比较复杂，而且也不利于后期的维护和扩展。但是，如果我们将一整个页面拆解成一个个小的功能块，每个功能块完成属于自己那部分独立的功能，那么之后整...

1. 基本概念表单控件在实际开发中是非常常见的。特别是对于用户信息的提交，需要大量的表单。Vue中使用v-model指令来实现表单元素和数据的双向绑定。<div id="app"> 输入：<input type="text" v-model="msg"> <h2>{{msg}}</h2> </div> &l...

1. 条件判断1.1 v-if/v-else-if/v-else上面这三个指令与js中的条件语句if、else 、else if 用法类似Vue的条件指令可以根据表达式的值在DOM中渲染或者销毁元素或者组件简单的案例演示： <div id="app"> <h2 v-if="score>=90">优秀</h2> <h2 v-e...

1. 事件监听在前端开发中，我们经常需要监听浏览器的时间，例如点击、拖拽、键盘等操作。那么在vue中是如何监听事件的呢？那就是使用v-on指令1.1 介绍作用：绑定事件监听器缩写：@预期：Function | Inline Statement | Object参数：event1.2 简单使用我们可以在事件中写表达式也可以将事件指向一个在methods中定义的函数 &lt...

1. 插值操作1.1 mustache语法mustache语法，简单来说就是{{}}语法，并且数据是响应式的<div id="app"> //mustache语法 <h2>{{message}}</h2> </div> <script src="../js/vue.js"></script>...

1. 简介1.1 什么是axiosaxios是一个基于Promise的Http库，可以用在node.js环境和浏览器中1.2 功能特点在浏览器中发送XMLHttpRequests在node.js中发送Http请求支持Promise拦截请求和响应转换请求数据和响应数据取消请求自动转换json数据客户端支持防御XSRF1.3 安装这里就简单的介绍一种安装方式:npm安装...