Vue基础

 

 

 

 

 

 

箭头函数没有自己的this ，用Vue管理的函数用this会变成window

data函数不能写成箭头函数

 

 

由此方法添加的元素不参加遍历 ，如果要参加遍历

 

 此方法添加的值不可改，修改的话

 

 设置成可删除

 

 修饰符可以无限写

计算属性

 

监视多级结构中某个属性的变化

 计算属性与监听属性

watch可以进行异步任务，但计算属性更简单

魔伴template

 没有key的话，index默认作为key

 

 filter不改变原数组，filter返回的是一个全新的数组

 折叠region

 

 

 set的局限性，set不能给data添加对象

 

 

 过滤器的本质就是一个函数

 配置全局过滤器，在new vue前配置好

 v-html支持结构的解析，v-text不支持

 

 

 

 

 

 指令相关的this都是window

全局指令

 

 mount绑定的this自动变成vm

 

放置断点debugger

完全替换

此事件为自定义事件 

常用开发方式

 

 组件

 

 

 

 

 

 

暴露方式：分别暴露，统一暴露，默认暴露

 

上：默认暴露

下：统一暴露，分别暴露 

  快捷键<v生成基本框架

 

 

 

 

 

 混合：两个组件共享一个相同的配置

 

 

所有vc和vm都会得到 

 

 

 

 

谁触发了事件回调中的this就是谁

 

 

第三方往上靠，自己写的往下靠 

 

 nexttike指定的回调，会在DOM节点更新完毕后执行

 

 

 

transition只能使用一个元素，transition-group可以使用多个元素

 

 

 

 

 缺点：只能请求一个代理，只有请求的东西本地没有才会去请求

 上：完整，下：精简

/api控制是否走代理

去掉atguigu为空字符串 

 

 

 

放在public中防止import进行严格检查 

 

将所有数据摊在上面，重名属性以后面为准 

 

替换axios

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

点击亮 

 

 

 

components一般放一般组件，pages一般放路由组件

来回切换，各个组件销毁，挂载切换

 

子路由不加/，用children 

include里面是组件名 

多个 

 

 activated与deactivated激活与失活，切到该组件，该组件激活，切走，失活

 

 

 

 

独享路由守卫只有前置没有后置 

 打包npm run build

 Vue3