![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 69
十一T_T
这个作者很懒,什么都没留下…
展开
-
vue3.2版本新特性
1. 新的单文件组件功能<script setup>是一种编译时语法糖,可在SFC (单文件组件,也就是我们常说的.vue 文件)内使用 Composition API 时极大地提升工作效率。<style> v-bind在 SFC 标签中启用组件状态驱动的动态 CSS 值。<style><template> <div class="button" @click="color = color==='red'?'green':'red'"...原创 2021-09-18 17:59:51 · 3933 阅读 · 0 评论 -
eslintConfig配置
"no-alert": 0,//禁止使用alert confirm prompt"no-array-constructor": 2,//禁止使用数组构造器"no-bitwise": 0,//禁止使用按位运算符"no-caller": 1,//禁止使用arguments.caller或arguments.callee"no-catch-shadow": 2,//禁止catch子句参数与外部作用域变量同名"no-class-assign": 2,//禁止给类赋值"no-cond-assign": .原创 2021-08-30 18:34:28 · 1309 阅读 · 0 评论 -
前端知识体系(2)-vue篇
1.什么是mvvmMVVM的核心是数据驱动即ViewModel,ViewModel是View和Model的关系映射。MVVM本质就是基于操作数据来操作视图进而操作DOM,借助于MVVM无需直接操作DOM,开发者只需编写ViewModel中有业务,使得View完全实现自动化。2.什么是 SPA 单页面,它的优缺点分别是什么SPA( single-page application )即一个web项目就只有一个页面(即一个HTML文件,HTML 内容的变换是利用路由机制实现的。仅在 Web页面初始.原创 2020-09-22 20:31:25 · 387 阅读 · 0 评论 -
vue组件间通信方式
组件是 vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。vue组件间的几种通信方式:props、$emit/$on、vuex、$paraent/$children、$attrs/$listeners、provide/inject.1.父子组件间传值父组件通过props向下传递数据给子组件。注:组件中的数据共有三种形式:data、p...原创 2019-12-31 22:58:34 · 2293 阅读 · 0 评论 -
vue面试题
点击id为inner元素后,控制台打印是?<template> <div> <div @click="clickMe"> <div @click="clickMe" id="inner">点我</div> </div> </div></temp...原创 2021-07-10 15:44:33 · 130 阅读 · 0 评论 -
element 项目打包之后icon图标丢失
项目打包部署后icon图标不显示 ,控制台显示 element-icons.woff和element-icons.ttf文件找不到解决方案:修改build目录下文件utils.js添加 publicPath: '../../'if (options.extract) { return ExtractTextPlugin.extract({ use: loa...原创 2019-11-09 10:16:18 · 1372 阅读 · 1 评论 -
vue中8种组件通信方式
vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要,那么组件之间如何进行数据通信的呢? 首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式。vue组件中关系说明:如上图所示, A与B、A与C、B与D、C与E组件之间是父子关系; B与C之间是兄弟关系;A与D、A与E之间是隔代关系; D与E是堂兄关系(非直系亲属) 针对以上关系我们归...原创 2019-09-18 18:09:43 · 331 阅读 · 0 评论 -
Vue核心知识:v-model语法糖的使用,了解数据双向绑定
v-model语法糖在组件上的使用实现效果:如果在一个页面中我们需要引入一个弹窗组件,点击按钮 a显示弹窗,然后点击弹窗的关闭按钮,关闭弹窗,用v-model实现。使用v-model来进行双向数据绑定的时:<input v-model="something">仅仅是一个语法糖:<input v-bind:value="something" v-on:input="som...原创 2019-07-09 21:49:35 · 2650 阅读 · 0 评论 -
Vue.js双向绑定的实现原理
Vue.js 最核心的功能有两个,一是响应式的数据绑定系统,二是组件系统。本文仅探究双向绑定是怎样实现的。参考文章:https://segmentfault.com/a/1190000006599500一、访问器属性访问器属性是对象中的一种特殊属性,它不能直接在对象中设置,而必须通过 defineProperty() 方法单独定义。var obj = { };Object.define...原创 2019-06-05 22:42:33 · 201 阅读 · 0 评论 -
vue -- 初级(二)
使用 饿了么的 MintUI 组件 [Github 仓储地址](https://github.com/ElemeFE/mint-ui) [Mint-UI官方文档](http://mint-ui.github.io/#!/zh-cn)1. 导入所有MintUI组件: import MintUI from 'mint-ui'2. 导入样式表: import 'min...原创 2019-06-18 23:00:22 · 428 阅读 · 0 评论 -
Vue笔记
vue和angular、react都是前端框架;单页面框架;基于模块化组件化的开发模式;Vue 简单 灵活 高效搭建vue开发环境:1.必须要安装node.js2.搭建vue的开发环境 ,搭建vue的脚手架工具 官方命令行工具 npm install --global vue-cli / cnpm install --global vue-cli (此命令只需...原创 2018-09-13 21:08:56 · 190 阅读 · 0 评论 -
前端三大主流框架
随着时间和技术的发展,前端框架从jQuery一家独大的情况,发展到现在的Angular、Vue、React三足鼎立的情况,三个框架各有优略,也都是比较成熟。React :1.声明式设计:React采用声明范式,可以轻松描述应用。2.高效:React通过对DOM的模拟,最大限度地减少与DOM的交互。3.灵活:React可以与已知的库或框架很好地配合。优点:1. 速度快:在UI渲染过程中...原创 2019-04-07 22:57:57 · 3921 阅读 · 0 评论 -
vue.js进阶
vue-cli 脚手架:1.生成目录结构2.本地开发调试3.代码部署4.热加载5.单元测试前端路由:在web开发中,路由是指根据url分配到对应的处理程序。vue-router作用:通过管理url,实现url和组件的对应和通过url进行组件之间的切换。单页应用(SPA):加载单个HTML页面,并在用户与应用程序交互时动态更新该页面。vue-router使用步骤:安装模块:np...原创 2019-04-30 17:31:59 · 305 阅读 · 0 评论 -
Vue前端面试题(一)
1. Vue 的双向绑定数据的原理vue 实现数据双向绑定主要是:采用数据劫持结合“发布者 - 订阅者”模式的方式,通过 Object.defineProperty() 来劫持各个属性的 setter、 getter,在数据变动时发布消息给订阅者,触发相应监听回调。2. 解释单向数据流和双向数据绑定单向数据流: 顾名思义,数据流是单向的。数据流动方向可以跟踪,流动单一,追查问题的时候可以更...原创 2019-06-01 22:28:03 · 2144 阅读 · 0 评论 -
使用webpack搭建vue项目实现脚手架功能
通过webpack配置,实现与vue-cli相同的效果1. 创建一个vue项目使用命令行mkdir vuedeom 或者直接新建一个vuedemo空文件夹,然后命令行cd vuedemo,使用npm init -y初始化,此时你会看到文件夹多了一个package.json的文件,内容大致如下:{"name": "vuedemo","version": "1.0.0","des...原创 2019-05-25 21:34:07 · 594 阅读 · 0 评论 -
评论列表案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com...原创 2019-06-01 15:36:48 · 595 阅读 · 0 评论 -
vue -- 初级(一)
什么是Vue.jsVue.js 是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App, Vue语法也是可以用于进行手机App开发的,需要借助于Weex)Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架!Vue.js 是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第...原创 2019-06-02 22:16:40 · 649 阅读 · 0 评论