随笔分类 - Vue
摘要：时间：2022/01/17 一.步骤 1.构建一个vue的webpack项目 vue init webpack myvue 2.切换到项目目录并下载npm依赖 cd myvue npm install 3.在项目中安装vue-router npm install vue-router --save-
阅读全文
摘要：时间：2022/01/15 首先给出示例代码，通过示例代码来说明为什么需要自定义事件： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content=
阅读全文
摘要：时间：2022/01/15 插槽（Slot）用于决定将所携带的内容，插入到指定的某个位置，从而使模板分块，具有模块化的特质和更大的重用性。 示例代码： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <
阅读全文
摘要：时间：2022/01/14 计算属性可以通过内存来进行操作，类似于缓存的机制，对于不经常变化的值可以通过计算属性缓存起来，减少开销。 示例代码如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <m
阅读全文
摘要：时间：2021/01/14 一.axios库 axios是Vue官方推荐的异步通信http库，与jQuery中ajax有相同的作用，可以用来请求后端接口中的数据。 示例代码如下： data.json: 1 { 2 "name": "machi", 3 "school": "bupt", 4 "url
阅读全文
摘要：时间：2022/01/14 Vue的compent是一个可以用来复用的组件，如下面的代码所示，Vue.component后面的第一个参数定义了该组件的名字为machi，这样就可以通过标签<machi>来实现相同的代码段复用，第二个参数是组件的内容，其中template中定义的是该组件的html代码段
阅读全文
