1.什么是vue?
vue是一套用于构建用户界面的渐进式框架,与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
2.渐进式框架如何渐进?
声明式渲染,组件系统,客户端路由,大规模状态管理,构建工具
3.框架和库的区别?
(1)库是将代码集合成一个产品,供开发者去使用,开发者去调用库中的方法去实现自己的功能 (2)框架是为了解决一类问题而开发出来的产品,基于自身的特点向用户提供一套完美的解决方案
4.单页面应用
SPA single page application
5.MVC和MVVM的区别?
MVC:数据层,视图层,控制层
MVVM:数据层,视图层,视图数据层
6.初步使用vue 官网: cn.vuejs.org/
(1)引入vue.js
(2)设置挂载点
<div id="app"></div>
(3)在script中实例化Vue对象,设置el、data以及methods等
new Vue({
//设置挂载点
el:'#app',//querySelector element 挂载点
//初始数据
data:{
msg:'hello'
},
methods:{}
})
(4)使用vue中的数据
7.文本插值语法
{ { xxx } }
8.v-text
设置在开始标签里,v-text与文本插值语法的区别是使用场景不同,文本插值语法可以放在文本中,v-text只能单独使用
9.v-html
可以识别标签
10.v-model
表单双向绑定
如果想解除表单双向绑定的话,使用JSON.stringify和JSON.parse
11.v-on自定义事件
用来绑定事件,简写@click(“xxxx”)
12.条件渲染v-if -- v-else
条件表达式满足时,页面中会存在指定的标签,否则不会存在指定的标签
13.v-show
也是判断,只是如果不符合条件的话,另外一个会display:none
14.v-show和v-if的区别?
(1)v-if会确保在切换过程中条件块内的事件监听器和子组件适当的被销毁和重建,如果在初始渲染时条件为假,则什么都不做,直到条件第一次变为真时,才会开始渲染条件块
(2)v-show,不管条件是什么,元素肯定都会被渲染,并且只是简单的基于css进行切换,在实例出来的Vue中设置布尔值
15.循环遍历:v-for 可多层嵌,可以有1-3个参数:
<tr v-for="(item,index) of arr">
区分:遍历数组和对象
数组:(1)第一个参数:遍历的每一个元素 (2)第二个参数:对应的索引值 对象:(1)第一个参数:遍历的属性值 (2)第二个参数:遍历的属性名 (3)第三个参数:对应索引值
16属性绑定:v-bind
(1)简写“ : ”
17.数据本地存储
(1)localStorage:本地存储
(2)sessionStorage:用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。
(3)设置内容:setItem('key名称','要设置的值')
(4)读取内容:getItem('key名称')
(5)删除一个:removeItem('key名称')
(6)删除所有(清空)clear() 清空