Wen_Tao98的博客

常用指令vue中的指令有很多，我们平时做项目常用的有：v-if：是动态的9向DOM树种添加或者删除元素；v-else是搭配v-if使用的，它必须紧跟在v-if或者v-else-if后面，否则不起作用v-show：是通过标签的CSS样式display的值是不是none，老控制显示隐藏区别：1、当条件为真的时候 没有区别 当条件为假的时候 v-if通过创建或删除DOM节点来实现元素的显示隐藏，v-show通过css中的display属性来控制2、v-if更适合数据的筛选和初始渲染 v-show更适

aes加密和解密

第一种：通过创建dom节点的方式第二种：通过el-alert的方式

vue路由守卫+cookie实现页面跳转时验证用户是否登录----（一）cookie篇vue路由守卫+cookie实现页面跳转时验证用户是否登录----（二）设置路由守卫

v-slot的出现是为了代替原有的slot和slot-scope简化了一些复杂的语法。v-slot ：后边是插槽名称，=后边是组件内部绑定作用域值的映射。基本用法import Vue from 'vue'// 定义组件componentOne const compoentOne = { template: ` <div :style="style1"> <slot></slot> // 定义插槽 .

获取当前的时间 //获取当前年月日 addDate(){ const newDate = new Date(); const date = { yy: newDate.getFullYear()<10 ? '0'+new Date().getFullYear() : new Date().getFullYear(), mm: newDate.getMonth() + 1, dd: newDate.getDate()<10 ? '0'+new Date().get.

vue中的执行顺序

打包优化项目开始时webpack配置 vue-cli3以后，我们修改webpack配置，需要自己在项目根路径下创建vue.config.js文件。一、 配置 proxy 跨域使用vue-cli发开项目，在本地开发环境中，如果遇到跨域的问题。可以通过配置proxy的方式，解决跨域问题：module.exports = { devServer: { open: false, // 自动启动浏览器 host: '0.0.0.0', // localhost port: 6060,

自定义组件在vue中开发，都是用的组件化的思想开发的，一般在都会在搭建项目的时候，先建立组件的模板，把架子搭起。也就是在组件中定义好<template>视图层，<script>逻辑层，<style>css样式层。在vue中使用组件封装的方式可以使我们的开发效率提高，能够把页面抽象成相对独立的模块。解决了我们传统项目，开发效率低，难以维护，复用性低等问题。可以通过定义一个用来存放公共组件的文件夹，对不同的需要封装的组件进行封装。例如一些公共的头部导航，底部tabber

vue中的自定义指令vue中除了核心功能内置的指令外，也允许注册自定义指令。有的情况下，对普通DOM元素进行底层操作，这时候就会用到自定义指令。自定义指令又分为全局的自定义指令和局部自定义指令。全局自定义指令是通过Vue.directive('第一个参数是指令的名称',{第二个参数是一个对象，这个对象上有钩子函数}) Vue.directive('focus', { inserted: function (el) { // inserted 表示被绑定元素插入父节点时调用

-S 是–save的简写，意为：把插件安装到dependencies（生产环境依赖）中-D是–save-dev的简写，意为：把插件安装到devDependencies（开发环境依赖）中单文件中使用<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>vue脚手架2.0版本以上新建项目：vue webpack 项目名 启动：npm run devvue脚手架3.0版本以上新建项目：vue.

Vue Virtual Dom 和 Diff 原理一、虚拟dom想要理解虚拟dom首先要知道什么是虚拟dom？虚拟dom可以简单的用一句话概括，就是用普通的js对象来描述DOM结构，因为不是真实DOM，所以称之为虚拟DOM。虚拟dom是相对于浏览器所渲染出来的真实dom而言的，在react，vue等技术出现之前，我们要改变页面展示的内容 只能通过遍历查询dom树的方式找到需要修改的dom然后修改样式行为或者结构，来达到更新视图的目的。为什么要用虚拟DOM来描述真实的DOM呢？创建真实DOM成本比

vue双向数据绑定介绍：vue.js是采用数据劫持结合发布者-订阅者模式的方式，通过object.defineProperty()，来劫持各个属性的getter和setter，在数据变动时发布消息给订阅者，触发响应的监听回调来渲染视图。这个过程基本上分为四步：第一步： 需要Observer的数据对象进行递归遍历，包括子属性对象的属性，都加上setter和getter，这样的话，给这个对象的某个值赋值，就会触发setter，那么就能监听到了数据变化。第二步： 通过Compile解析模板指令，将模板中