vue 它是一个渐进式的框架,它拥有一套自己的规则,开箱即用
创建一个项目的命令-----vue create 后面跟自己项目的名字
如果你想运行命令就自动打开网页,这个时候就要自定义配置项vue.config.js
eslint表示的是严格规范模式,也就是一个检查代码的工具
vue单文件的好处是,独立模块-作用域互不影响
还有在单个模块里面style标签里面设置scoped表示的是只能在当前页面作用生效
vue的插值表达式,它的语法是 {{}} 顾名思义就是可以在标签上插值,也可以在里面写表达式-----注意这里的表达式只能写三元表达式而不能写其他的
vue里面的MVVM表示的是 ?它的目的就是数据驱动视图
M表示的是数据也就是在js data里面定义的数据
V表示的是在html页面 到时候渲染到页面
VM表示的是vue.js源码 ---由他来控制两者之间的转换
现在我们想的是怎么用数据驱动视图而不是操作dom
_vue指令-v-bind 它表示的是给属性动态赋值,如a标签href属性,img src属性
语法:v-bind:属性名="vue变量"
简写::属性名="vue变量"
v-on指令 给标签绑定事件
v-on:事件名="要执行的==少量代码=="
v-on:事件名="methods中的函数"
v-on:事件名="methods中的函数(实参)"
简写: @事件名="methods中的函数"----也就是可以@
它里面的事件修饰符
@事件名.修饰符="methods里函数"
.stop - 阻止事件冒泡
.prevent - 阻止默认行为
.once - 程序运行期间, 只触发一次事件处理函数
还有按键修饰符
@keyup.enter - 监测回车按键
@keyup.esc - 监测返回按键
什么是内存?
内存
是电脑硬件中的内存条
在通电后产生的可以用于储存数据的空间
,这些空间是临时的(在断电后空间会消失,数据会丢失)
内存的产生与死亡(生命周期)
在每一块内存都相对应唯一的内存地址值
在里面有存在栈和堆
存储着全局变量
、局部变量
等一些基本类型数据
储存各种对象
JavaScript在内存分配管理上使用栈内存和堆内存,简单的基本数据类
储存各种对象
型的数据一般存储在栈内存中(其值有固定的大小范围),而像复杂的 Object 类型的数据则使用堆内存来存储(其大小不固定如数组对象等)。 栈内存中存储js声明的变量名和变量值,由于基本数据类型的值直接存储在栈内存中可以直接获取数据的值,而Object类型存储在堆内存中,栈内存存放的是使用Object类型数据名和该数据在堆内存中的地址值,相当于引用该种类型的数据。
findindex ----查找第一个符合条件的元素,找到的话返回数组的索引,找不到返回-1 用法是arr.findindex()里面有回调函数 两个参数,第一个是是元素---做判断用这个
2.find ----查找出第一个符合条件的数组成员,找到的话返回找到的元素- 没有找到的话就返回undefined-
用法是arr.find()里面是一个函数,里面两个参数,第一个是值,第二个是索引
3.set数据结构可以做数组去重
ps模板字符串的使用 优点 1.是不用字符串拼接,用法是${} 2.不用换行 3.在模板字符串中可以调用函数的 -----------------跳转页面---------------- location. href 设置或返回完整的 URL。在浏览器的地址栏上怎么显示它就怎么返回