2022-04-15 Vue

1. Vue 中 Axios 的封装和 API 接口的管理

---

2. vue 中的@、@/、../和./的区别

@：表示vue语法中v-on的简写；绑定事件的专用格式。当事件触发的时候，函数才会来调用；
@ /：在build文件夹下webpack.base.conf.js找到@，便能知道@代表什么了;
这里指向src文件夹；
. /：表示当前目录下；
../: 表示父级目录。

3. 前端F12调试

4. const 定义常量
   let定义变量

5. npm安装及仓库配置

6. 动态绑定属性 v-bind
   比如img 的src属性，img的src中不可以使用mustache语法
   v-bind将src属性定为变量
   语法糖用：来代替v-bind:

7. v-cloak使用，当网络较慢，网页还在加载 Vue.js ，而导致 Vue 来不及渲染，这时页面就会显示出 Vue 源代码。我们可以使用 v-cloak 指令说说 Vue.js 中的 v-cloak 指令

8. vue.js基础__Template 模板

9. Vue template用法
   详解template标签用法(含vue中的用法总结)

10.vue里使用$router.push打开新窗口

11.[vue 开发常用工具及配置六：认识各种 loader 'lang=less']（https://cloud.tencent.com/developer/article/1573522?from=15425）

12. vue实现标签切换(学习篇)

13.vue通过点击事件弹出弹窗页面

 watch: {
            num(newVal, oldVal) {
            // 监听 num 属性的数据变化
            // 作用 : 只要 num 的值发生变化,这个方法就会被调用
            // 第一个参数 : 新值
            // 第二个参数 : 旧值,之前的值
                console.log('oldVal:',oldVal)
                console.log('newVal:',newVal)
            }

props

搜索监听

16. css-子div设置margin-top后，父div与子div一起下移
    解决1
    解决2

17 vue实现简单搜索功能