本文主要是介绍今日的一些总结，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

vue的一些用法和注意事项

vue 它是一个渐进式的框架，它拥有一套自己的规则，开箱即用

• 创建一个项目的命令-----vue create 后面跟自己项目的名字

• 如果你想运行命令就自动打开网页，这个时候就要自定义配置项vue.config.js

• eslint表示的是严格规范模式，也就是一个检查代码的工具

• vue单文件的好处是，独立模块-作用域互不影响

• 还有在单个模块里面style标签里面设置scoped表示的是只能在当前页面作用生效

vue的一些指令

1. vue的插值表达式，它的语法是 {{}} 顾名思义就是可以在标签上插值，也可以在里面写表达式-----注意这里的表达式只能写三元表达式而不能写其他的

2. vue里面的MVVM表示的是 ？它的目的就是数据驱动视图

   • M表示的是数据也就是在js data里面定义的数据

   • V表示的是在html页面 到时候渲染到页面

   • VM表示的是vue.js源码 ---由他来控制两者之间的转换

     现在我们想的是怎么用数据驱动视图而不是操作dom

1. _vue指令-v-bind 它表示的是给属性动态赋值，如a标签href属性，img src属性

   • 语法：v-bind:属性名="vue变量"

   • 简写：:属性名="vue变量"

1. v-on指令 给标签绑定事件

   • v-on:事件名="要执行的==少量代码=="

   • v-on:事件名="methods中的函数"

   • v-on:事件名="methods中的函数(实参)"

   • 简写: @事件名="methods中的函数"----也就是可以@

     1. 它里面的事件修饰符

     2. @事件名.修饰符="methods里函数"

        • .stop - 阻止事件冒泡

        • .prevent - 阻止默认行为

        • .once - 程序运行期间, 只触发一次事件处理函数

          1. 还有按键修饰符

          2. @keyup.enter - 监测回车按键

          3. @keyup.esc - 监测返回按键

以下是自己回顾以前的知识点

1. 什么是内存？

   • 内存是电脑硬件中的内存条在通电后产生的可以用于储存数据的空间,这些空间是临时的(在断电后空间会消失,数据会丢失)

     内存的产生与死亡(生命周期)

     在每一块内存都相对应唯一的内存地址值

     1. 在里面有存在栈和堆

     2. 栈内存

        存储着全局变量、局部变量等一些基本类型数据

        堆内存

        储存各种对象

JavaScript在内存分配管理上使用栈内存和堆内存，简单的基本数据类

储存各种对象型的数据一般存储在栈内存中（其值有固定的大小范围），而像复杂的 Object 类型的数据则使用堆内存来存储（其大小不固定如数组对象等）。 栈内存中存储js声明的变量名和变量值，由于基本数据类型的值直接存储在栈内存中可以直接获取数据的值，而Object类型存储在堆内存中，栈内存存放的是使用Object类型数据名和该数据在堆内存中的地址值，相当于引用该种类型的数据。

下面是回顾一些数组的用法附加其他的

1. findindex ----查找第一个符合条件的元素，找到的话返回数组的索引，找不到返回-1 用法是arr.findindex()里面有回调函数 两个参数，第一个是是元素---做判断用这个

2.find ----查找出第一个符合条件的数组成员，找到的话返回找到的元素- 没有找到的话就返回undefined-

用法是arr.find（）里面是一个函数，里面两个参数，第一个是值，第二个是索引

3.set数据结构可以做数组去重

ps模板字符串的使用 优点 1.是不用字符串拼接，用法是${} 2.不用换行 3.在模板字符串中可以调用函数的 -----------------跳转页面---------------- location. href 设置或返回完整的 URL。在浏览器的地址栏上怎么显示它就怎么返回

这篇关于今日的一些总结的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！