美文网首页
2022-04-15 Vue

2022-04-15 Vue

作者: 七月那个阿瓜呀 | 来源:发表于2022-04-15 14:24 被阅读0次
  1. Vue 中 Axios 的封装和 API 接口的管理


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

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

  1. 前端F12调试

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

  3. npm安装及仓库配置

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

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

  3. vue.js基础__Template 模板

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

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

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

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

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

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

props

搜索监听

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

17 vue实现简单搜索功能

<van-popup 
v-model:show="choiceDate" 
round position="bottom">
      <van-picker
 title="选择年月" 
ref="picker" 
:columns="columns" 
@confirm="onConfirm" 
@cancel="onCancel" 
@change="onChange" />
    </van-popup>

相关文章

网友评论

      本文标题:2022-04-15 Vue

      本文链接:https://www.haomeiwen.com/subject/kqxqertx.html