vue2
关注
分享
扫一扫
文章平均质量分 52
vue2
这不比博人传燃？
这个人很懒，什么也没有留下
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
三十二. vue之this.$nextTick()
this.$nextTick(),当节点渲染完毕了，会执行一次（this.$nextTick()，括号中的函数推迟至即渲染完毕后执行）原创 2022-04-29 23:43:44 · 247 阅读 · 0 评论 -
三十一. `prototype`显示原型属性和`__proto__`隐式原型属性
这个是属于js中的知识。1. js中创建对象的几种（4种）方式：我们先来了解一下js中创建对象的几种（4种）方式：通过Object()方法来创建通过字面量法创建对象通过自定义函数创建对象通过工厂模式创建对象参考：https://blog.youkuaiyun.com/dearzhuoer/article/details/84574140我们来看看第三种方式你就知道了——通过函数创建！！！什么意思？函数就是对象？不错！！！2. 函数就是对象？在js中对象就是神一般的存在，什么都是对象（包括函数原创 2022-04-22 18:32:19 · 578 阅读 · 1 评论 -
三十.什么是vm和vc？
（1）什么是vm？什么是vc？VueComponent的实例对象，以后简称vc（也可称之为：组件实例对象）。Vue的实例对象，以后简称vm。（2）VueComponent组件的本质是什么？school组件本质是一个名为VueComponent的构造函数，且不是程序员定义的，是Vue.extend生成的。我们只需要写或，Vue解析时会帮我们创建school组件的实例对象，即Vue帮我们执行的：new VueComponent(options)。特别注意：每次调用Vue.extend，返回的都原创 2022-04-22 12:00:59 · 4853 阅读 · 0 评论 -
二十九. vue的vm和vc的一个重要的内置关系
1. 这个重要的内置关系是什么？VueComponent.prototype.__proto__ === Vue.prototype这有张图是尚硅谷课程上的非常好，如果失效再去上面找！仔细看上图，其实是个vm和vc对象的内部结构，是个嵌套形式。仔细看！！！prototype：显示原型属性proto：隐式原型属性显示原型属性和隐式原型属性都指向原型对象看这些原型属性（prototype和__proto__）不断的嵌套，很像java中class的继承，就像是super方法（好像就是。。没有具体原创 2022-04-22 11:50:17 · 3815 阅读 · 0 评论 -
二十八.vue的数据代理
1. 什么是数据代理？通过一个对象代理另一个对象中的属性的操作（读 / 写 ）vue 数据代理： 通过vm对象来代理data中所有属性的操作，更方便操作data中的数据好处:更方便的操作data中的数据2. 实现流程（1）通过 Object.defineProperty()给 vm 添加与 data 对象的属性对应的属性描述符（2）所有添加的属性都包含 getter/setter（3） getter/setter 内部去操作 data 中对应的属性数据3. 个人理解：先说一下data原创 2022-04-22 11:22:01 · 1042 阅读 · 0 评论 -
二七. element-ui常用组件和注意事项
1. border边框给表格等添加边框，一般我们直接添加border属性即可！举例：<el-table style="width: 100%" border> <el-table-column label="序号"></el-table-column> <el-table-column label="品牌名称"></el-table-column> <el-table-column label="品牌LOGO"><原创 2022-04-21 10:40:32 · 1773 阅读 · 0 评论 -
二十六. 浏览器本地存储
一. 定义说到底，这个不是vue的知识，而是学js时学习的知识，但是vue使用的挺多！在浏览器中存储主要分为以下三种方式：localStorage：本地存储sessionStorage：session存储cookie二. 使用1. localStorage（本地存储）（1）介绍：生命周期永久，除非用户清除浏览器中的localStorage信息，否则永远存在；存放数据大小一般为5MB；仅在浏览器中保存，不参与服务器通信；（2）API调用：localStorage.set转载 2022-04-01 19:03:27 · 521 阅读 · 0 评论 -
前端常见报错合集
一. js方面1. JS 空对象和空数组真假判断“假值”总共只有6个：false，undefined，null，0，""（空字符串），NaN除此之外的所有值，都是“真值”，即在逻辑判断中可以当true来使用总结：空对象，空数组都是trueif({}){ console.log("true") //能打印出来)if([]){ console.log("true") //能打印出来)...原创 2022-03-30 12:57:19 · 1123 阅读 · 0 评论 -
二十五. Object.assign()合并对象
一. 介绍ES6 对象提供了 Object.assign()主要的用途是用来合并多个JavaScript的对象。Object.assign()接口可以接收多个参数，第一个参数是目标对象，后面的都是源对象，assign方法将多个原对象的属性和方法都合并到了目标对象上面，如果在这个过程中出现同名的属性（方法），后合并的属性（方法）会覆盖之前的同名属性（方法）。二. 举例<!DOCTYPE html><html lang="en"><head> &原创 2022-03-28 15:44:36 · 1222 阅读 · 0 评论 -
二十四. vue中组件通信的方式有哪些？（面试频率高）
1. props属性用于父子组件通信2. 自定义事件@on、@emit可实现子给父通信3. 全局事件总线$bus全能4. pubsub-js5. 插槽6. vuex原创 2022-03-27 17:36:45 · 400 阅读 · 1 评论 -
二十三. watch监视属性
一. 知识点当被监视的属性变化时, 回调函数自动调用, 进行相关操作监视的属性必须存在，才能进行监视！！监视的属性中可配置多个选项，如handle()、deep、immediatehandler默认传参被监视属性的新值和旧值。监视的两种写法：(1).new Vue时传入watch配置 (2).通过vm.$watch监视深度监视：（1）Vue中的watch默认不监测对象内部值的改变（一层）。（2）配置deep:true可以监测对象内部值改变（多层）。（3）若全部修改内部值，则外部可监视到原创 2022-03-27 10:01:53 · 692 阅读 · 0 评论 -
二十二. vue中使用mockjs模拟数据
一. 定义为什么进行模拟数据？在做开发时，后端程序没有配齐，前端人员在做vue开发时，需要自己先模拟接口，模拟数据，等到后端数据配齐，提供好接口后，将项目中的接口换一下即可尚品汇举例...原创 2022-03-26 15:26:03 · 756 阅读 · 0 评论 -
二十一. Vue的生命周期和钩子函数
原创 2022-03-26 14:33:07 · 766 阅读 · 0 评论 -
二十. Vue过渡动画
1. 在什么情况下可以引入动画？条件渲染 (使用 v-if)条件展示 (使用 v-show)动态组件组件根节点具体参考如下文章：https://blog.youkuaiyun.com/qq_38128179/article/details/1189346762. 语法使用<transition>标签和name属性（name属性可省略，当然省略和不是省略都有相应的语法规则）。然后根据name属性，在css样式中写样式（1）省略name属性若不设置name属性，则在css样式中写样式原创 2022-03-26 11:07:16 · 197 阅读 · 0 评论 -
十九. 有关vue事件的一些问题
事件一. 绑定事件指令语法v-on:简写形式：@@click点击事件1. 语法v-on:click或@click2. 事件参数用@click绑定的事件（函数）默认传参为"事件对象。默认传参具体如何使用？举例（1）除默认传参外，不传参的情况<!DOCTYPE html><html><head> <meta charset='utf-8'> <meta http-equiv='X-UA-Compatible' cont原创 2022-03-25 19:53:19 · 828 阅读 · 0 评论 -
十八. vue中的自定义属性
1. 语法：直接在标签中用。格式：data-属性2. 如何获取自定义属性的值？event.target.dataset.radiusevent是函数第一个参数（默认传参，不用自己传）原创 2022-03-25 17:35:02 · 9018 阅读 · 2 评论 -
十七. 函数的防抖和节流
1. 防抖（1）定义在要求时间间隔内，所有触发只会执行最后一次。意思就是：连续的触发，只会执行一次2. 节流（1）定义在规定的时间间隔内，不会触发重复回调。只有大于时间间隔才会触发重复回调。把频繁触发变为少量触发！（2）举例及使用步骤尚品汇第25集——三级联动设置为节流https://www.yuque.com/u22137022/mxlsc1/tobgl3/edit...原创 2022-03-24 18:31:18 · 369 阅读 · 0 评论 -
十六. :style用法
https://cn.vuejs.org/v2/guide/class-and-style.html#%E7%BB%91%E5%AE%9A%E5%86%85%E8%81%94%E6%A0%B7%E5%BC%8F转载 2022-03-24 16:49:36 · 726 阅读 · 0 评论 -
十五. Vue通过:class动态控制样式:class用法
https://blog.youkuaiyun.com/u012345683/article/details/105146767转载 2022-03-23 23:39:11 · 1299 阅读 · 2 评论 -
十四. ES6-变量解构赋值
1. 什么是“变量解构赋值”？ES6云秀安好一定模式从数组和对象中提取值，对变量进行赋值。这就被称为解构赋值（1）数组// 数组变量解构赋值const a = ['齐','天','大','圣']const [b,c,d,e] = a;console.log(a)console.log(b)console.log(c)console.log(d)（2）对象const a = { name: '小明', age: 18, commit(){ con原创 2022-03-23 18:54:12 · 658 阅读 · 0 评论 -
十三. async和await关键字
参考：https://www.jianshu.com/p/fb1da22f335dasync：让函数异步运行，所以返回一个Promise（承诺）对象。异步函数的执行没有阻塞后面的代码执行。await：让函数等待运行完成，再执行下一步，感觉就像取消异步。它只能在异步函数 async function中使用，否则会报错它的返回值不是Promise对象而是Promise对象处理之后的结果个人理解：既然await让async失效，那为什么要使用这两个关键字呢？不写不一样吗？当某函数返回值是P原创 2022-03-23 15:32:10 · 265 阅读 · 0 评论 -
十二. Vue.use(plugin)方法
1. 官网解释：（1）参数：{Object | Function} plugin（2）用法：安装 Vue.js 插件。如果插件是一个对象，必须提供 install 方法。如果插件是一个函数，它会被作为 install 方法。install 方法调用时，会将 Vue 作为参数传入。该方法需要在调用 new Vue() 之前被调用。当 install 方法被同一个插件多次调用，插件将只会被安装一次。...原创 2022-03-22 16:50:46 · 1143 阅读 · 0 评论 -
十一. vuex模块式开发
1. 定义VueX是适用于在Vue项目开发时使用的状态管理工具。想一下，如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值，一旦项目变得很庞大，管理和维护这些值将是相当棘手的工作。为此，Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中，我们只需要把这些值定义在VueX中，即可在整个Vue项目的组件中使用。作者：怪兽难吃素链接：https://www.jianshu.com/p/2e5973fe1223以上是别人的写的定义，我来说一下我原创 2022-03-22 08:44:29 · 1075 阅读 · 0 评论 -
十. ES6中的export和import的几种方式汇总
1. 前言学习vue的时候，总是碰倒好几种花样的export和import的方式！这里来总结一下2. export暴露数据的语法汇总（1）分别暴露语法：在定义变量或函数的前面加export关键字！举例：export let a = 1;export function b() { ~~~}（2）统一暴露语法：用export关键字单独写一行用于暴露数据。举例：let a = 1;function b() { ~~~}export {a,b};（3）默认暴露语法原创 2022-03-21 18:17:41 · 1945 阅读 · 0 评论 -
九.vue中如何解决跨域问题？
1. 什么是跨域问题？协议、域名、端口号不同的请求，称之为跨域2. 传统的解决方案（1）JSONP没用过（2）CROS用过（3）代理第一次用，这里我们使用服务器代理来解决跨域问题1）原理服务器与服务器之间不会出现跨域问题浏览器与服务器之间才会出现跨域问题这个代理服务器就像一个中间人一样！2）如何配置代理服务器？Webpack提供了这个功能！https://www.webpackjs.com/configuration/dev-server/#devserver-proxy原创 2022-03-21 16:40:42 · 655 阅读 · 0 评论 -
八. vue文件里的export default解释
.vue文件一般都是以模板形式存在，我们会在里面定义页面的表现内容，其中我们会看到一个export default的东东，对于刚学的童鞋来说，估计有点蒙，今天来解释下。export default是ES6的语法，意思是将这个东西导出，你要import 引入东西，导出了才能引用，来段代码，如下：<script>export default { name: 'hello', data () { return { webfront: 'Web前端之家！' }转载 2022-03-21 14:01:49 · 7644 阅读 · 2 评论 -
七. Vue.js整合axios，实现发送请求
1. Vue.js向服务器发送请求的方式：Vue.js向服务器发送请求，有很多方式：（1）XMLHttpRequest：使用原生的XMLHttpRequest构造函数。（2）fetch：（3）JQ：引入jquery使用【$.ajax()】（4）axios：使用axios（项目中常用）当然，上面的四种方法，我都不懂！！！这里说一下 Vue.js整合axios，实现发送请求2. axios1）vue本身不支持发送AJAX请求，需要使用vue-resource、axios等插件实现。2） ax原创 2022-03-21 13:50:32 · 1138 阅读 · 0 评论 -
六. vue中的全局组件和局部组件
vue组件有两种，一种是全局组件，一种是局部组件。整个项目经常用到的用全局写法，用到比较少的专供特定页面用的使用局部组件。1. 全局组件（1）位置放在main.js文件中（2）步骤定义：components文件夹下定义组件引入：main.js文件中import引入组件注册：main.js文件中使用下面方式注册组件Vue.component(全局组件的名字, 那一个组件);使用：在其他组件中可直接使用，不用引入，也不用注册！2. 局部组件（1）位置放在任意组件中，也可在app.vu原创 2022-03-20 22:13:39 · 2035 阅读 · 0 评论 -
五.vue的单向绑定
1. 语法：v-bind简写是一个 : 冒号被单向绑定的属性，字符串必须是一个js表达式2. 具体修饰实例（1）:to举例：上一篇文章的声明式导航。另外，还有声明式导航的路由传递参数的其他形式。如字符串形式、模板字符串形式、对象形式。上一篇文章只说了对象形式，这里我连字符串形式和模板字符串形式也举例！1）字符串形式字符串形式不能进行单项绑定，为什么？因为加了：就代表单项绑定，就表示后面的字符串当做js表达式去解析，但是这/hello/~并不符合语法，只能用to指向固定地址<rout原创 2022-03-20 14:35:10 · 909 阅读 · 0 评论 -
四. query 和 params 传参的区别（编程式/路由式导航）
1. 知识点（1）使用query传参的话，会在浏览器的url栏看到传的参数类似于get请求，使用params传参的话则不会，类似于post请求。（2）无论路由跳转方式是声明式导航，还是编程式导航，都有这两种传参方式。（这里以声明式导航为例，并且只说明对象形式的传参方式）2. query传参（1）声明式导航情况下<router-link :to="{ path=’/hello query:{ id:666 name:"小明" }}">标签体内容</router原创 2022-03-20 13:35:17 · 11214 阅读 · 2 评论 -
三. 什么是路由元信息？有什么作用？
自己写的文章原创 2022-03-20 10:57:23 · 681 阅读 · 2 评论 -
二. vue中$router和$route的区别
1. $router（1）router是一个全局路由对象，是VueRouter的实例，我们可以在任何地方使用它。（2）它包含了所有的路由，包含了许多关键的对象和属性。（3）用法：我们通常使用‘router是一个全局路由对象，是VueRouter的实例，我们可以在任何地方使用它。（2）它包含了所有的路由，包含了许多关键的对象和属性。（3）用法：我们通常使用`router是一个全局路由对象，是VueRouter的实例，我们可以在任何地方使用它。（2）它包含了所有的路由，包含了许多关键的对象和属性。（3）用原创 2022-03-20 10:20:51 · 555 阅读 · 0 评论 -
一. 第一个vue文件语法解析
1. 先展示测试文件内容（1）html文件<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>初识Vue</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></script> </head> <原创 2022-03-19 21:53:05 · 395 阅读 · 0 评论