学习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.0axios拦截器 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元素