摘要:
父子组件: 父只管定义数据和传数据 子只管接收数据和声明数据 父:<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 阅读全文