文采呱呱

摘要： 父子组件： 父只管定义数据和传数据 子只管接收数据和声明数据 父：<hello :msg="message" :user="username"></hello> import hello from '@/components/HelloWorld.vue' data() { return { use 阅读全文

摘要： 生命周期： 生命周期 (Life Cycle) 是指一个组件从创建 -> 运行-> 销毁的整个阶段，强调的是一个时间段 创建阶段： beforeCreate：创建之前 created：创建 beforeMount：安装前 mounted：安装 运行阶段： beforeUpdate：更新之前 updg 阅读全文

摘要： 添加一个scoped<style scoped lang="less"> /deep/ 一般是第三方组件用比较多 使用前.red[data-v-7ba5bd90] 使用deep会影响本页面其他的父元素样式，包括组件 使用后 [data-v-7ba5bd90] .red 阅读全文

摘要： 在vue中，this就是实例对象 组件被封装后是独立的，使用后才有父子关系 <template> <div> <div> <input type="text" v-model="username"> <button @click="changName" class="red">数据</button> 阅读全文

摘要： 设置全局的cli输入命令： vue i -g @vue/cli快速生成工程化项目：vue create 项目名 create后，选择最后一个自定义选择 第一个必选 第二个是TS 第三个是渐进式框架 第四个是路由 第五个是vuex 第六个是css预处理器 第七个Linter / Formatter是约 阅读全文

摘要： 安装一个axios的包： npm i axios -S 安装完后引入： import axios from 'axios' axios：专注发起网络请求的库 get传参要params，post传参用data，具体传参看后端怎么写，后端乱写就套麻袋打一顿 post请求 简化版： 不用await和asy 阅读全文

摘要： 计算属性：可以在差值模板或者methods属性等地方用 案例： 使用v-model双向绑定值 或 阅读全文

摘要： watch：监听数据发生的变化 newVal是变化后的新值，oldVal是变化前的旧值 一般都是带着接口查询的 watch：{ username（newVal）{ if(newVal '')return $get('https://www.escook.cn/api/finduser/'+ newV 阅读全文

摘要： 过滤器vue3已经去掉了 过滤器函数必须要定义到filters函数下，过滤器本质是也是一个函数，必须要return出去 过滤器需有返回值 val形参是前面的值 上述过滤器属于私有过滤器 全局过滤器： 开发中基本上都是定义全局过滤器 <p>{{da | res}}</p> data:{ da:aibd 阅读全文

摘要： 阅读全文