monody157

vue的课堂笔记

bug解决(1) ES6语法(3) js(9)

/ 注册

全部文章 / vue的课堂笔记（共9篇）

vue使用axios请求本地数据

首先在项目中安装axios，然后在static文件夹下创建一个文件夹mock，在里面创建一个index.json文件，在其中写入数据：使用axios对这里的数据进行请求：在浏览器中就可以看到相应的数据：但是在产品上线时我们肯定不能使用axios.get('/static/mock/index.jso...

2020-10-29

0 875

Vue响应式原理

数据发生改变，界面发生更新并不是理所当然的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Titl...

2020-10-23

0 348

垃圾销毁机制

export default { name: "Home", components: { NavBar, }, data(){ return{ banners:[], recommends:[] } }, c...

2020-10-09

0 394

项目结构划分

assets项目所用资源，包括img图片和css样式common项目的公共部分，包括const公共变量和utils公共工具类components项目组件，包括common可复用组件和content业务相关组件network项目的网络axios部分router项目的路由router部分store项目的...

2020-10-08

0 356

promise的基本使用

什么时候会用到promise 一般在有异步操作的时候会用到promise对异步操作进行一次封装；promise的运行过程 new -> 构造函数（1、保存一些基本信息 2、执行传入的函数），在执行传入的函数的过程中，又会传入两个固定的参数：reslove和reject，这两个参数本身又是函...

2020-10-08

0 395

runtimecompiler和runtimeonly的区别

runtimecompilermain函数中的代码 import Vue from 'vue' import App from './App' Vue.config.productionTip = false new Vue({ el: '#app', components: { App...

2020-09-28

0 437

webpack打包图片

一张小于8kb时，使用url-loader进行打包，最终生成base64编码一张大于8kb时，使用file-loader进行打包，webpack会在打包文件夹生成一个具有32位hash值的图片。这时图片仍然不能正常显示，这时因为webpack会将生成的路径直接返回给使用者，但是打包的文件是生成在di...

2020-09-28

0 359

Vue的组件化思想

它提供了一种思想，让我们开发出一个个独立可复用的小组件来构成我们的应用；任何应用都会被抽象成一个组件树；组件的创建步骤：1、创建组件构造器（Vue.extends()）2、注册组件（Vue.component(组件名,组件构造器名)）3、使用组件

2020-09-26

0 309

v-model的双向绑定原理

model实现双向绑定实际上是两个事件的结合： :value="message"实现将massage绑定在输入框 @input= "message=$event.target.value"实现在输入框输入时实时的改变message

2020-09-26

0 410