vue前期知识点笔记

学习Vue生命周期函数,并且逐个使用;
用路由完成视图的切换;

v-bind和v-mode区别

一个绑定的是尖括号外的,一个绑定的是尖括号里的

举例:

<img :src="url">
<h1 v-model="message">{{message}}</h1>
<input v-model="message">

v-bind 绑定元素 title=“message”

v-if=“seen”

  • Reverse Message

    改变颜色标签中的颜色
    style中 color:red red的颜色不需要加“”所以注意 且不能出现 一个标签中只能有一个style=
    div中 style=color:red
    vue中 :style="{color:‘red’}" 类似于div中,但red需要加引号,且在大括号内
    同样可以在data数据中加入h1style:{color:‘red’,‘font-weight’:1000}

    面试:
    重要的配置文件 app.json
    封装小程序的数据请求

    数据可视化Etag,lastmodified 第三者js

    vue
    一些工具
    vueRouter !路由守卫 vuex 响应式原理 definePro vue 3.0

    axios拦截器 computed watch methods

    https://gitee.com/hnjihai/jshop_mall

    v-cloak 使用

    <style>
     [v-cloak] {
      display: none;
    } 
    </style>
    
    <body>
      <div id="app">
      <h1 v-cloak>{{ msg }}</h1>
    </div>
    

    v-text v-html

    区别

    1: v-cloak要设置相应的样式才能防闪烁;而v-text和v-html默认就没有闪烁问题;

    2:在使用v-cloak的元素标签中添加其他的内容,渲染完页面后会被保留,而v-text和v-html如果在元素标签中填写其他,页面加载完成后,会被覆盖掉

    3:其中v-html会识别数据中的标签元素,而v-cloak和v-text则不会识别元素标签

    v-for 等于号

    {{item}}

    遍历数组

    {{i}},{{item}}

    遍历序列号

    {{val}},{{key}}

    遍历键值对(对象)

    这是第{{count}}个数

    这个实在是太方便了,再也不用需要加php完成遍历了

    实现数据的双向绑定

    注:msg和show都可加引号或者不加

    这是第一个if元素

    这是第二个show元素

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值