歌谣的博客

[vue] 怎么解决vue打包后静态资源图片失效的问题？上面蛮多回答感觉像开玩笑似的，静态资源图片失效分几种情况。1、确定线上环境是否在根路径上，配置资源根目录，vue-cli2 和 vue-cli3 字段不一致（assetsPublicPath 和 publicPath ），如果项目是根路径上，用'/'，'./'都行，如果是在'/hc'这个路径上，用'./' 相对路径（需history模式），也可以用'/hc/'。 在'/hc'路径上，如果需要本地和线上保持一致，可以用环境做判断设置不同的public

[vue] 你知道vue的模板语法用的是哪个web模板引擎的吗？说说你对这模板引擎的理解模板引擎：负责组装数据，以另外一种形式或外观展现数据。优点：可维护性（后期改起来方便）；可扩展性（想要增加功能，增加需求方便）；开发效率提高（程序逻辑组织更好，调试方便）；看起来舒服（不容易写错）解答git地址： https://github.com/janl/mustache.js模板引擎技术是非常有用的，所以它不是一个冷门的知识，反而是需要我们去了解的；所以我们通过github的安装指令，一

[vue] 在使用计算属性的时，函数名和data数据源中的数据可以同名吗？ 莫名其妙的问题。可以同名，但data会覆盖methods。并且本就不该同名，同名说明你命名不规范。 然后解释为什么会覆盖，因为Props、methods、data、computed、watch都是在initState函数中被初始化的。初始化顺序就是我上面给出的顺序，本质上这些都是要挂载到this上面的，你如果重名的话，后面出现的属性自然而然会覆盖之前挂载的属性了。如果你的eslint配置比较严格的话，同名是编译不通过

[vue] 怎么解决vue动态设置img的src不生效的问题不是应该 require('@/assets/images/xxx.png') 这样吗？？你这样多浪费资源啊 @chenqim个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[vue] 你有使用过vue开发多语言项目吗？说说你的做法？使用Vue-i18n 加载不同的语言配置文件,重要是初始化时，判断当前语言环境，要想好存储方案采用i18n来解决国际化问题，关于语言环境的存储方案，看到有同学解答localStorage的方式，这种还是采用Cookie的存储方法，通过路由实现不同模块加载不同的国际化配置文件个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎一起讨论，说说自己的理解主目录与歌谣一起通关前端面试题...

[vue] 怎么给vue定义全局的方法 第一种：挂载到Vue的prototype上。把全局方法写到一个文件里面，然后for循环挂载到Vue的prototype上，缺点是调用这个方法的时候没有提示 Object.keys(tools).forEach(key => { Vue.prototype[key] = tools[key] }) 第二种：利用全局混入mixin，因为mixin里面的methods会和创建的每个单文件组件合并。这样做的优点是调用这个方法的时候有

[vue] vue中data的属性可以和methods中的方法同名吗？为什么源码 中的 initData() 方法if (methods && hasOwn(methods, key)) { warn( Method “${key}” has already been defined as a data property., vm ) }会取出 methods 中的方法进行判断，也就是 hasOwn(methods, key)如果此 key 值 在 methods 中存在，会有wa

[vue] vue2.0不再支持v-html中使用过滤器了怎么办？在method中定义方法htmlFilter(htmlString){return htmlString.replace(/+s/g,’’)}在vue中 v-html="htmlFilter(htmlString)"即可个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[vue] 你知道v-model的原理吗？说说看v-model 為一個語法糖，Vue 會默認使用一個名為 value 的 prop，以及名為 input 的事件。為了避免不同的 value 有不同的作用，現在可以使用下面的方式自訂義自己想要的 v-model 行為。model: {prop: ‘checked’,event: ‘change’}如果想要更改 checked 這個 prop 可以在 Vue 的 instance 中用以下這行程式發送 change 這個 event，並將目標的變動

[vue] 从0到1自己构架一个vue项目，说说有哪些步骤、哪些重要插件、目录结构你会怎么组织1 项目类型前端的项目目前来看主要分为小程序开发，H5页面开发、PC官网、后台管理系统开发、Native开发。不同的项目所涉及的知识点和环境不太一样，但是很多方面是相通的。1.1小程序由于框架限定在Vue，所以这里指的是使用mpvue、WePY来开发小程序项目。1.2H5页面这里主要是指微信页面、Webview中的H5页面开发1.3 PC官网为什么单独划出来是因为官方的开发主要是用来展示企业信息、产

[vue]vue渲染模板时怎么保留模板中的HTML注释呢？<template comments> ...</template>个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[vue] 如果现在让你从vue/react/angularjs三个中选择一个，你会选哪个？说说你的理由让我选肯定是vue。angularjs没用过。angular倒是用过。挺好用的，但是！！！编译真的很慢，加了热更新还是慢，开发毫无用户体验，按ctrl+s等2秒的绝望，你没用过angular不会明白的。react没在项目中用过，自己玩过几个小项目，使用体验一般般，jsx写起来真的很别扭个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起

[vue] 你期待vue3.0有什么功能或者改进的地方？用尤大的话说就是各种速度提升n倍。我希望在依赖node_modules能够做出调整，文件数目太多，开启项目每次都要下载个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[vue] watch的属性用箭头函数定义结果会怎么样？因为箭头函数默绑定父级作用域的上下文，所以不会绑定vue实例，所以 this 是undefind个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[vue] 你是从vue哪个版本开始用的？你知道1.x和2.x有什么区别吗？像1.0与2.0，我只知道一点-。-1、 2.0生命生命周期变化感觉变得更加语义化一点（有规律可寻，更好记了），而且增加了beforeUpdate、updated、activated、deactivated，删除了attached、detached。2、2.0将1.0所有自带的过滤器都删除了，也就是说，在2.0中，要使用过滤器，则需要我们自己编写，以下是一个自定义过滤器示例,Vue.filter('toDou',functi

[vue] 说说你对vue的错误处理的了解？分为errorCaptured与errorHandler。errorCaptured是组件内部钩子，可捕捉本组件与子孙组件抛出的错误，接收error、vm、info三个参数，return false后可以阻止错误继续向上抛出。errorHandler为全局钩子，使用Vue.config.errorHandler配置，接收参数与errorCaptured一致，2.6后可捕捉v-on与promise链的错误，可用于统一错误处理与错误兜底。个人简介我是歌谣，

[vue] 跟keep-alive有关的生命周期是哪些？描述下这些生命周期activated和deactivated keep-alive的生命周期 1.activated： 页面第一次进入的时候，钩子触发的顺序是created->mounted->activated 2.deactivated: 页面退出的时候会触发deactivated，当再次前进或者后退的时候只触发activated个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定

[vue] 你知道vue2.0兼容IE哪个版本以上吗？双向绑定的原理是基于Object,defineProperty的，ie8及以下不兼容这个api。另外还有一些特性至少在ie10才能用，我们已经弃用ie了，所以没继续总结个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[vue] vue中怎么重置data？初始状态下设置data数据的默认值，重置时直接bject.assign(this.$data, this.$options.data())说明：this.$data获取当前状态下的datathis.$options.data()获取该组件初始状态下的data(即初始默认值)如果只想修改data的某个属性值，可以this[属性名] = this.$options.data()[属性名]，如this.message = this.$options.data().

[vue] 你知道style加scoped属性的用途和原理吗？在标签上绑定了自定义属性，防止css全局污染但是很多时候使用ui框架如果加scope就不能覆盖，这个时候一般写sass 会在最外层包裹该组件名的id 就可以不使用scoped 了个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[vue] 你有使用过babel-polyfill模块吗？主要是用来做什么的？Babel默认只转换新的JavaScript句法（syntax），而不转换新的API，比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象，以及一些定义在全局对象上的方法（比如Object.assign）都不会转码。举例来说，ES6在Array对象上新增了Array.from方法。Babel就不会转码这个方法。如果想让这个方法运行，必须使用babel-

[vue] 使用vue开发一个todo小应用，谈下你的思路结构: 输入部分( input )和输出部分( ul )逻辑:用户输入之后,通过事件触发拿到用户输入的数据存起来,将用户数据集合通过 v-for 渲染到页面上当用户点击清单项,通过事件触发移出对应事件个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[vue] 在vue事件中传入$event，使用e.target和e.currentTarget有什么区别？event.currentTarget指向事件所绑定的元素，而event.target始终指向事件发生时的元素。个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[vue] Vue.observable你有了解过吗？说说看让一个对象可响应。Vue 内部会用它来处理 data 函数返回的对象。返回的对象可以直接用于渲染函数和计算属性内，并且会在发生改变时触发相应的更新；也可以作为最小化的跨组件状态存储器。个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[vue] 你有看过vue推荐的风格指南吗？列举出你知道的几条 优先级A的规则：必要的 （规避错误） 组件名为多个单词 组件数据：组件的 data 必须是一个函数。 细致的 Prop 定义 总是用 :key 配合 v-for 避免 v-if 和 v-for 用在一起 为组件样式设置作用域 私有属性名：自定义私有属性使用 $_ 前缀。并附带一个命名空间以回避和其它作者的冲突 (比如 $_yourPluginName_)。 优先级B

[vue] 使用vue后怎么针对搜索引擎做SEO优化？1.SSR服务器渲染；2.静态化；3.预渲染prerender-spa-plugin；4.使用Phantomjs针对爬虫做处理个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[vue] 如何在子组件中访问父组件的实例？this.$parent拿到父组件实例this.$children拿到子组件实例（数组）个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[vue] 在vue项目中如何配置favicon？也可以在当前项目部署的端口主目录下存放favicon.ico文件，默认就会显示该图标个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[vue] 你知道vue中key的原理吗？说说你对它的理解key的作用主要是为了高效的更新虚拟DOM;如果没有唯一的key, 数据更新时, 相同节点更新前后无法准确一一对应起来,会导致更新效率降低;当页面的数据发生变化时，Diff算法只会比较同一层级的节点： 如果节点类型不同，直接干掉前面的节点，再创建并插入新的节点，不会再比较这个节点以后的子节点; 如果节点类型相同，则会重新设置该节点的属性，从而实现节点的更新;个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，

[vue] vue边界情况有哪些？访问根实例、访问父组件、子组件个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[vue] vue变量名如果以_、$开头的属性会发生什么问题？怎么访问到它们的值？报错 变量未定义以 _ 或 $ 开头的属性 不会 被 Vue 实例代理，因为它们可能和 Vue 内置的属性、API 方法冲突。你可以使用例如 $data.xxx或者_data.xxx 的方式访问这些属性。个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[vue] vue的属性名称与method的方法名称一样时会发生什么问题？键名优先级：props > data > methods个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[vue] 说说你对vue的template编译的理解？将template里的组件编译成虚拟dom个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[vue] axios是什么？怎样使用它？怎么解决跨域的问题？axios 的是一种异步请求，用法和ajax类似，安装npm install axios --save 即可使用，请求中包括get,post,put, patch ,delete等五种请求方式，解决跨域可以在请求头中添加Access-Control-Allow-Origin，也可以在index.js文件中更改proxyTable配置等解决跨域问题个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论

[vue] 为何官方推荐使用axios而不用vue-resource？1.vue-resources不再更新了，vue作者尤大推荐axios。2.axios更加强大3.axios就是一个基于ES6的Promise的网络请求库，其实说干净了就是一个打包好的XMLHttpRequests，也就是说，这个也是一个ajax库。4.axios在浏览器里建立XHR通过nodejs进行http请求转换或者拦截请求数据或响应数据支持Promise的API可以取消请求自动转换JSON可以防御XSRF攻击

[vue] vue给组件绑定自定义事件无效怎么解决？两种方式1、组件外部加修饰符.navtive2、组件内部声明$emit('自定义事件')个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[vue] 在.vue文件中style是必须的吗？那script是必须的吗？为什么？style 不是必须的，script 是必须的，而且必须要写上个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[vue] vue使用v-for遍历对象时，是按什么顺序遍历的？如何保证顺序？image1、会先判断是否有iterator接口，如果有循环执行next()方法2、没有iterator的情况下，会调用Object.keys()方法，在不同浏览器中，JS引擎不能保证输出顺序一致3、保证对象的输出顺序可以把对象放在数组中，作为数组的元素个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[vue] vue生命周期总共有几个阶段？ beforeCreate：在 new 一个 vue 实例后，只有一些默认的生命周期钩子和默认事件，其他的东西都还没创建。 created：data 和 methods 都已经被初始化好了。（如果要调用 methods 中的方法，或者操作 data 中的数据，最早可以在这个阶段中操作） beforeMount：在内存中已经编译好了模板了，但是还没有挂载到页面中，此时，页面还是旧的。 mounted：Vue 实例已经初始化完成了。此时

[vue] 第一次加载页面时会触发哪几个钩子？beforeCreate, created, beforeMount, mounted个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...