随笔分类 - 前端
摘要：1 初始项目 npm run serve http://localhost:8080/ 2 课件 3 父组件向子组件共享数据 自定义属性 props中的数据建议不要直接修改(容易报错)，要想修改，建议转存到data中再改 4 子组件向父组件共享数据 自定义事件 5 兄弟组件间的数据共享 EventB
阅读全文
摘要：1 课件 & vue组件生命周期图 2 初始项目 3 组件生命周期 3-1 组件创建阶段：beforeCreate() 3-2 组件创建阶段：created() 模板结构尚未生成，即dom尚不可用 3-3 两个黄色背景菱形判断框(no，仅el无template) + 两个绿色背景处理框(no，编译e
阅读全文
摘要：1 vue编译器 import Vue from 'vue' import App from './App.vue' //导入需要被全局注册的组件 import Count from '@/components/Count.vue' Vue.component('MyCount', Count) V
阅读全文
摘要：1 课件 2 组件样式冲突问题 3 scoped的底层实现原理 4 scoped属性 <template> <div class="left-container"> <h3>Left 组件</h3> <hr> <!-- <MyCount></MyCount> --> <!-- <MyCount in
阅读全文
摘要：1 组件left和组件right中的子组件count互不影响、单行代码函数简写 <template> <div> <h5>Count组件</h5> <!-- <MyCount></MyCount> 不可以在自己中调用自己，会报错 --> <p>count的值是：{{count}}</p> <butt
阅读全文
摘要：1 初始项目 2 课件 因为没有在组件C中注册组件F；在组件C中用component注册组件F就可以用了 3 组件间的父子关系&使用组件的三个步骤 <template> <div class="left-container"> <h3>Left 组件</h3> </div> </template>
阅读全文
摘要：1 Test.vue 2 $mount 和 el <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta na
阅读全文
摘要：1 什么是单页面应用程序 2 什么是vue-cli 介绍 | Vue CLI (vuejs.org) 3 安装和使用vue-cli 3-1 课件 npm install 也可以写为 npm i 3-2 安装vue-cli & 查看本地vue版本 3-3 关于“在非管理员身份打开dos环境下，输入vu
阅读全文
摘要：1 axios 是一个专注于网络请求的库 2 axios 的基本使用 2-1 课件 2-2 axios基本使用(以get为例)、axios封装的6个属性、postman使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
阅读全文
摘要：1 计算属性及其特点 2 使用计算属性改造案例 2-1案例-原版 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
阅读全文
摘要：1 侦听器的基本使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
阅读全文
摘要：1 过滤器的注意事项 2 过滤器的基本使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：1 2 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content
阅读全文
摘要：1 2 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content
阅读全文
摘要：1 双向数据绑定指令 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
阅读全文
摘要：1 事件绑定指令 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co
阅读全文
摘要：1 vue指令分类 2 内容渲染指令 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vi
阅读全文
摘要：1 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="
阅读全文
