![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 68
kookoo_babe
这个作者很懒,什么都没留下…
展开
-
Vue硅谷外卖笔记
引擎是如何工作的?引擎很复杂,但是基本原理很简单。引擎(如果是浏览器,则引擎被嵌入在其中)读取(“解析”)脚本。然后,引擎将脚本转化(“编译”)为机器语言。然后,机器代码快速地执行。引擎会对流程中的每个阶段都进行优化。它甚至可以在编译的脚本运行时监视它,分析流经该脚本的数据,并根据获得的信息进一步优化机器代码。对 babel polyfill 的一些理解Babel学习系列4...原创 2021-03-01 19:30:55 · 885 阅读 · 0 评论 -
vue自定义事件
父组件使用props传递数据给子组件,子组件怎么跟父组件通信呢?这时,Vue的自定义事件就派上用场了。子组件:子组件通过$emit可以触发事件,第一个参数为要触发的事件,第二个事件为要传递的数据父组件:父组件可以在使用子组件的地方直接用 v-on 来监听子组件触发的事件自定义组件的 v-model修改上述子组件的代码:.sync 修饰符它只是作为一个编译时的语法糖存在。它会被扩展为一个自动更新父组件属性的 v-on 侦听器<comp :foo.sync="bar">&原创 2021-02-23 09:52:34 · 126 阅读 · 0 评论 -
Vue-element-admin开发后台管理系统
vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。相信不管你的需求是什么,本项目都能帮助到你。官网地址运行工程和编译工程# 克隆项目git clone https://github.com/PanJiaChen/vue-element-admin.git# 进入项目目录cd vu原创 2021-02-07 10:42:50 · 1174 阅读 · 0 评论 -
Vue面试题
1.vue优点?答:轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb;简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习;双向数据绑定:保留了angular的特点,在数据操作方面更为简单;组件化:保留了react的优点,实现了html的封装和重用,在构建单页面应用方面有着独特的优势;视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作;虚拟DOM:dom操作是非常耗费性能的, 不再使用原生的dom操作节点,极大解放d原创 2020-09-04 11:40:18 · 174 阅读 · 0 评论 -
Vue.js实现简易的搜索功能
Demo1:输入框内容改变自动搜索HTML代码<div id="app"> <input type="text" placeholder="请输入您需要查询的内容" v-model="search"> <ul> <li v-for="item in searchList">{{item}}</li> </ul></div>VUE代码new Vue({ el: "#a原创 2020-09-02 16:53:36 · 1564 阅读 · 0 评论 -
vue-用户登录后才操作
一、先在路由文件里修改--------router / index.js 路由中加校验直接在路由配置的时候,给路由添加一个自定义的meta对象,在meta对象中可以设置一些状态,来进行一些操作。用它来做登录校验再合适不过了 { path: "/mengxiang", name: "Mengxiang", component: Mengxiang, meta: { needLogin: true //需要加校检判断的路由 },原创 2020-08-09 21:57:54 · 607 阅读 · 0 评论 -
Vue中使用this.$set更新页面数据
应用场景当你发现你给对象加了一个属性,在控制台能打印出来,但是却没有更新到视图上时,也许这个时候就需要用到this.$set()这个方法了,简单来说this.$set的功能就是解决这个问题的啦。官方解释:向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。它必须用于向响应式对象上添加新属性,因为 Vue 无法探测普通的新增属性 (比如 this.myObject.newProperty = ‘hi’),vue官网是vue.set的用法实例1.vue 中写在标签的代码2.e原创 2020-07-25 16:50:56 · 2661 阅读 · 1 评论 -
vue实现选项卡切换功能
<ul class="swiper-wrapper" id="wrapper" style="transition-duration: 0ms;"> <li class="swiper-slide swiper-slide-active" :class="{current: currenta== i}" v-for="(v,i) in listArr" :key="i" @click="onclick(i)"> &原创 2020-07-24 14:38:01 · 2271 阅读 · 1 评论 -
vue实现tab选项卡
效果:代码:<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>tab</title> <转载 2020-07-22 22:27:03 · 373 阅读 · 0 评论 -
v-for 渲染数据 渲染多层数据
1、渲染数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v-for</title></head><body> <div id="app"> <p v-for="(item,index) in list">{{index}}---{{msg}}---name:{{item.name转载 2020-07-22 16:02:56 · 669 阅读 · 0 评论 -
Vue页面间传参实例
本文跳转传参用的是:this.$router.push1、首先定义好要跳转的页面以及传递的参数updates(id){ this.$router.push({ path:'/b', name:'B', params:{ id : id } })}2、在另一个页面(B)接收。 export default { name: '', data () { return { id: '' } },转载 2020-07-15 10:40:58 · 343 阅读 · 0 评论 -
vue知识
慕课网视频地址vue-cli学习Chrome插件vue.js devtools的安装Vue两大核心思想:组件化和数据驱动1、vue.js安装2、创建第一个vue实例:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1原创 2020-06-20 10:38:15 · 336 阅读 · 0 评论