vue知识点

看看面试题,只是为了查漏补缺,看看自己那些方面还不懂.切记不要以为背了面试题,就万事大吉了,最好是理解背后的原理,这样面试的时候才能侃侃而谈.不然,稍微有水平的面试官一看就能看出,是否有真才实学还是刚好背中了这道面试题.(都是一些基础的vue面试题,大神不用浪费时间往下看) 一.对于MVVM的理解? MVVM 是 Model-View-ViewModel 的缩写.Model代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑.View 代表UI 组件,它负责将数据模型转化成UI 展现出

1.vue点击按钮动态添加多个input,并获取输入的值 <template> <div> <input type="text" v-for="(item,i) of items" v-model="items[i]" :key="i"> <button @click="onAdd">添加</button> </div> </te

MVVM和MVC: 什么是mvvm和mvc mvvm:model view view-model mvvm 是一种设计思想.Model 层代表数据模型,也可以在 Model 中定义数据修改和操作的业务逻辑:View 代表 UI 组件,它负责将数据模型转化成 UI 展现出来,ViewModel 是一个同步 View 和 Model 的对象. 在 MVVM 架构下,View 和 Model 之间并没有直接的联系,而是通过 ViewModel 进行交互,Model 和 ViewModel 之间的交互是

Vue的核心特性之一是双向绑定,vue的响应式原理是实现了数据->视图 v-model是一个指令,限制在<input>.<select>.<textarea>.components中使用,修饰符.lazy(取代 input 监听 change 事件)..number(输入字符串转为有效的数字)..trim(输入首尾空格过滤). 原文地址:https://www.cnblogs.com/yk-ddm/p/10983087.html

vue中 列表组件写key,起作用是什么? <ul> <li v-for="item in items" :key="item.id">...</li> </ul> key作为一个特殊属性其作用用于虚拟DOM,对比新旧vnodes,重新排列数组,移除key不存在的元素,如果不使用key,Vue 会使用一种最大限度减少动态元素并且尽可能的尝试修复/再利用相同类型元素的算法. 原文地址:https://www.cnblog

Vue 脚手架 脚手架 3 的版本 ---- webpack 4 cnpm install -g @vue/cli-----全局安装组件 vue create myapp-----命令行创建项目 或者使用  vue ui--------界面UI创建项目 脚手架 2 的版本 ---- webpack 3 npm install -g @vue/cli-init vue init webpack myapp2 数据的双向绑定 原理 1.实现一个监听器Observer,用来劫持并监听所有属性,如果有变

一.$route表示当前路由信息对象 表示当前激活的路由的状态信息,包含了当前URL解析得到的信息,还有URL匹配到的路由记录 路由信息对象:即$router会被注入每个组件中,可以利用它进行一些信息的获取 1)$route.path: 字符串,对应当前路由的路径,总是解析为绝对路径:'/foo/bar' 2)$route.params 一个key/value对象,包含了动态片段和全匹配片段 如果没有路由参数,就是一个空对象 3)$route.query 一个key/value对象,表示URL查

vscode 常见的设置 1.保存时样式错乱问题 https://www.waitig.com/%E8%A7%A3%E5%86%B3vs-code%E4%BF%9D%E5%AD%98%E6%97%B6%E5%80%99%E8%87%AA%E5%8A%A8%E6%A0%BC%E5%BC%8F%E5%8C%96.html 2.全局安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org如果失败加上sudo

1.改变路由的哈希模式(在路由中会出现#): 在src/router/index.js中 创建路由对象: const routes = [ {path:"",redirect:"/home"}, {path:"/home",component:Home}, {path:"/cart",comsponent:Cart}, {path:"/profile",component:Profile}, {path:&