什么是单页面应用,它有什么优缺点?

什么是单页面应用,它有什么优缺点?

单页面应用(SPA) : 通俗点说就是指 只有一个主页面的应用,浏览器一开始要加载所有必须的 html,css,js。所有的页面内容都包含在这个所谓的主页中。但是写的时候,还是会分开写(页面片段),然后在交互的时候由 路由程序动态载入,单页面的页面跳转,仅刷新局部资源。多应用于 PC 端。 多页面应用 (MPA): 一个应用中有 多个页面,页面跳转的时候是 ……

关于vue中生命周期函数、路由及vuex的面试题

关于vue中生命周期函数、路由及vuex的面试题

1.什么是 vue 生命周期?有什么作用? 答:每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做 生命周期钩子 的函数,这给了用户在不同阶段添加自己的代码的机会。(ps:生命周期钩子就是生命周期函数)例如,如果要通过某些插件操作D……

面试中,vue知识点大集合

面试中,vue知识点大集合

1.vue等单页面应用及其优缺点? 答:优点:Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件,核心是一个响应的数据绑定系统。MVVM、数据驱动、组件化、轻量、简洁、高效、快速、模块友好。 缺点:不支持低版本的浏览器,最低只支持到IE9;不利于SEO的优化(如果要支持SEO,建议通过服务端来进行渲染组件);第一次加载首页耗时相对长……

vue父组件异步请求获取数据传递给子组件,子组件能获取并渲染数据到页面,但是会报错怎么解决呢?

vue父组件异步请求获取数据传递给子组件,子组件能获取并渲染数据到页面,但是会报错怎么解决呢?

请教,父组件ajax异步请求获取数据 然后传递给子组件 子组件在页面中渲染使用了父组件传过来的data对象中的img属性 子组件能获取到数据并渲染数据到页面,但是会报错,怎么解决呢。 代码: 页面会报错说找不到avatar属性,报错如下,但是页面上又能渲染出图片,我猜想可能是页面在渲染子组件的时候 ajax还没有返回对象,但是子组件已经渲染过去了所以……

浅谈v-if 和 v-for 的优先级

浅谈v-if 和 v-for 的优先级

在使用 vs code 编辑器里是 eslint 插件时一直有以下报错:大致的意思就是不建议 v-if 和 v-for 一起使用,后来去官网查了一下也是这样建议的。     根据 eslint 指出的方法进行改进: 第一种:将 v-if 和 v-for 分别放在不同标签中 <ul>     <li……

Vue中key属性的作用

Vue中key属性的作用

Vue中key属性的作用 在列表渲染时使用key属性 使用key属性强制替换元素 在列表渲染时使用key属性 相信大多数Vue开发者接触到key属性的时候是使用v-for进行列表渲染的时候,如果不使用key属性,Vue会产生警告,那么在这个时候key属性的作用是什么呢? 官方文档中说: 当 Vue.js 用v-for正在更新已渲染过的元素列表时,它默认用“……

vuex详解

vuex详解

如果你在使用 vue.js , 那么我想你可能会对 vue 组件之间的通信感到崩溃 。 我在使用基于 vue.js 2.0 的UI框架 ElementUI 开发网站的时候 , 就遇到了这种问题 : 一个页面有很多表单 , 我试图将表单写成一个单文件组件 , 但是表单 ( 子组件 ) 里的数据和页面 ( 父组件 ) 按钮交互的时候 , 它们之间的通讯很麻烦 :……

Vue + webpack 简介

Vue + webpack 简介

最近在内部项目中做了一些基于 vue + webpack的项目,在此稍微总结了一下。 首先,我会先简单介绍一下 vue 和 webpack: (当然如果你已经比较熟悉它们的话前两个部分可以直接跳过) 介绍 vue Vue.js 是一款极简的 mvvm 框架,如果让我用一个词来形容它,就是 “轻·巧” 。如果用一句话来描述它,它能够集众多优秀主流的前端框架之大……

vue 路由之router-link的基本使用

vue 路由之router-link的基本使用

路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮  => home 内容, about按钮 => about 内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击部分,一个是点击之后,显示内容的部分。 点击之后,怎么做……

vue条件与循环

vue条件与循环

控制切换一个元素是否显示也相当简单: <div id="app-3"> 现在你看到我了 </div> var app3 = new Vue({ el: '#app-3', data: { seen: true } }) 继续在控制台输入 app3.seen……