09 2022 档案
摘要：编译作用域：模板中的变量，在模板对应的实例中查找相应的变量和数据。通俗的说就是父级模板里的所有内容都是在父级作用域中编译的；子模板里的所有内容都是在子作用域中编译的。 作用域插槽：带参数的插槽，子组件提供给父组件参数，父组件决定其展示形式替换插槽标签。 为什么要使用作用域插槽呢？父组件对子组件中展示
阅读全文
摘要：当需要多个插槽时，为了区别不同的插槽，需要给每个插槽一个名字，<slot> 元素有一个特殊的属性name，没有加name属性的插槽是默认插槽（默认name值为default）。 子组件模板 父组件中使用子组件 Vue2.6.0之后的更新写法 在template标签上使用v-slot指令，并以v-sl
阅读全文
摘要：1. 为什么要使用插槽呢？ 插槽就类似于我们的手机usb接口，给我们提供扩展，Vue中的插槽也是如此，通常是用于组件中，可以让封装的组件更加具有扩展性，同时可以让使用者决定组件内部内容的展示。既然是用在组件中，那要如何封装组件呢？有两点：1.将共性抽取到组件，不同为插槽；2.预留了插槽就可以让使用者
阅读全文
摘要：父访问子：父组件中拿到子组件对象，直接操作子组件中的东西，直接调用子组件中的data、methods。 1. 父组件直接访问子组件： 1.1 this.$children 是一个数组类型，包含所有子组件对象 1.2 this.$refs 是一个对象类型，持有注册过 ref属性的所有 DOM 元素和组
阅读全文
摘要：1.组件可以访问Vue实例数据吗？ 不可以，组件是一个单独功能模块的封装，有自己的html模板和数据。 2.组件数据是怎么存放的？ 组件对象有一个data属性，其为一个函数，这个函数返回保存组件数据的对象。子组件是不能访问父组件的，后面会有随笔描述父子组件之间的通信。 3.为什么data是一个函数？
阅读全文
摘要：你会不会疑惑为什么父子组件之间要进行通信呢？其一是子组件不能直接访问父组件，其二是在实际开发中，往往一些数据确实需要从上传递到下，比如说在一个页面中从服务器请求到很多数据，其中一部分数据并不是整个页面的大组件来展示的，而是需要子组件进行展示，你可能会想，直接在子组件中再发送一个网络请求不就可以吗，但
阅读全文
摘要：插件通常用来为Vue添加全局功能，一般有下面几种情况： 1.添加全局方法或属性 2.添加全局资源：指令/过滤器/过渡等 3.通过全局混入来添加一些组件选项 4.添加Vue实例方法，通过添加到Vue.prototype上实现 5.一个库，提供自己的API，同时提供上面提到的一个或多个功能 在脚手架中定
阅读全文
摘要：什么是组件化？ 一、生活中的组件化思想 复杂问题拆解成小问题，解决小问题，相应的复杂问题也就解决了。在程序中组件化就是将一个页面拆分成一个个小的功能块，每个功能块有属于自己的功能。 二、Vue组件化思想 开发一个个可复用的小组件来构造我们的应用，任何的应用都会被抽象成一颗组件树。 三、html中注册
阅读全文
摘要：在项目根目录下创建一个vue.config.js module.exports = { // 配置webpack configureWebpack: { // 配置与路径相关的 resolve: { // 省略文件后缀名 // extensions: ['.js', '.vue', '.json']
阅读全文
摘要：import axios from 'axios' export function request(config){ // 创建实例 const instance = axios.create({ baseURL: '请求baseURL', timeout: 5000 }) // 请求拦截 inst
阅读全文
摘要：小程序中发送网络请求的API：wx:request(),基本用法： wx.request({ url: '请求地址', success:(res)=>{ //请求成功时执行 console.log(res); } }) 传参的用法： wx.request({ url: '请求地址', data: {
阅读全文
