Code_King006的博客

在实际项目中，经常会遇到这样的场景，可以通过逻辑层中设定的变量，在视图层中来呈现不同的样式，那么这种动态绑定样式的方式如何实现呢？

在本篇文章中，博主总结了一些常见的vue2框架性能优化方法和项目启动出现白屏的原因，还望走过路过的同行和大神们点赞关注,多多指教，用你们发财的小手给予博主大大的鼓励

parent.vue (父组件)child.vue (子组件)子组件作为父组件和孙组件的传递中介，在儿子组件中给孙子组件添加v-bind=“$attrs”，这样孙子组件才能接收到数据grandChild.vue (孙子组件)👉 用于孙组件隔代向父组件传值 设置在子组件上 (Vue2.4)parent.vue 父组件child.vue (子组件)子组件作为父组件和孙组件的传递中介，在儿子组件中给孙子组件添加v-on=“$listeners”，这样父组件才能接收到孙组件的数据

对原始变量值加工再显示的这样一种特殊的函数。有些数量值不能直接给人看时，需要用到过滤器。过滤器的本质其实就是一个函数，这个函数只要把过滤器放在绑定语法里就会自动调用如果数据使用过滤器，那么最终渲染到页面的是加工后的值过滤器的创建// 参数1：过滤器的名字// 参数2：回调函数1.全局创建（脚手架在main.js创建）return `￥${toFixed22.在组件对象中创建filters:{3.过滤器的使用价格：{{price|moneyFilter}} //|是管道。

代码风格指南规范

这几年，JavaScript 发生了很大的变化，许多新特性在很多浏览器里都不支持。Babel 的主要作用就是规避这些问题，可以确保 JavaScript 代码兼容所有的浏览器。加 --save 就可以让项目中的其他人不用再使用此命令安装一次了，即其他人在拉取项目的时候就将安装包自动保存了。推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。axios的提交方式，也可放入utils文件夹中。安装后，可直接引入npm包进行使用，例如，第三方npm包放置目录，拿到项目后。

windows用户：推荐使用yarn/npm，可能cnpm/pnpm安装速度优于yarn/npm，但是可能造成诡异的 bug，比如项目运行不起来等。

尝试对vue框架中的常用钩子函数进行总结，不同的钩子函数适用于不同的场景。

属性无效：属性“索引”的类型检查失败。预期字符串，未定义，通俗的说，就是index绑定的动态数据不能被检索为字符串。,虽然不影响功能和ui的渲染，但是本着严谨的原则，有问题，咱们还是得解决。先把解决方法和问题产生的原因和大家分享。组件，设置index时，有时候控制台会报错。将index绑定的数据手动变为字符串即可。在使用第三方组件element-ui的。废话不多说，直接上代码…

父组件异步获取后台数据， 这时候加载渲染数据生命周期已经走完，只能更新数据，触发更新渲染生命周期，所以子组件加载时，永远只能拿到父组件的初始数据，拿不到父组件更新后的数据，但是，但是props是可以的等的，页面是可以拿到异步的数据渲染的，所以就出现如下所示 的结果。方案1：使用v-if控制子组件渲染的时机，父组件拿到后台异步数据后，再渲染子组件加载的时候就能得到父组件 的异步数据。父组件的数据是请求后台所得，因为是异步数据，就会出现，父组件的值传递过去了，子组件加载不到，拿不到值。

今天，在工作中拿到了架构师的前端框架，是一个vue2+elementui搭建的单页面架构，没有路由系统，需要自己搭建，因为以往拿到的框架都是路由系统已经搭建好，所以就很开心。终于有了项目中学习的机会，最幸运，该脚手架用的是vue2.x,还是比较好搭建的。现将搭建的步骤和遇到的问腿分享如下，欢迎各位大牛和同行们指点。

今天重新温习了vue全家桶中公用状态管理仓库vuex的属性以及使用方法，和大家分享一下学习笔记，欢迎各位大神和同行们指点和修正🤞🤞🤞

VueJS的生态圈除了VueRouter之外，还有很多的插件，在网络请求中，vue是借助于vue-resource模块来进行异步请求，跨域请求。vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的API更为简洁。特点。

本文章主要阐述路由守卫中钩子函数的使用场景

使用VSCode编写vue项目时安装了Vetur插件，但是每次alt+shift+f格式化代码的时候就有点让人头疼，缩进自动变成了2个空格(习惯了用4个空格缩进，不同层级的代码看着明显一点)，js代码末尾自动加了分号，js的一些字符串值原本的单引号变成了双引号。

vuex中存储的数据，刷新页面后导致数据丢失的处理方式。