【前端框架】Vue.js
关注
分享
扫一扫
开启vue
乔治大哥
脚踏实地，仰望星空。
展开
-
Vue面试中，经常会被问到的面试题/Vue知识点整理
接后端工程师面试BAT，被问到了前端？就倒下了？【VUE面试20连问】【问题有重复】看看面试题，只是为了查漏补缺，看看自己那些方面还不懂。切记不要以为背了面试题，就万事大吉了，最好是理解背后的原理，这样面试的时候才能侃侃而谈。不然，稍微有水平的面试官一看就能看出，是否有真才实学还是刚好背中了这道面试题。（都是一些基础的vue面试题，大神不用浪费时间往下看）一、对于MVVM的理解？MV...转载 2020-04-19 19:48:47 · 732 阅读 · 0 评论 -
后端工程师面试BAT，被问到了前端？就倒下了？【VUE面试20连问】
后端工程师，面试，来来来问我前端也没问题，江湖人称全栈！！！ 开始装逼模式！！！❝你觉得自己最擅长的前端技术栈是什么？❞Vue吧，我很喜欢尤大，最近刚发布了Vue的首部纪录片，真的很好看。0.那你能讲一讲MVVM吗？MVVM是Model-View-ViewModel缩写，也就是把MVC中的Controller演变成ViewModel。Model层代表数据模型，View代表UI组...原创 2020-03-14 21:53:17 · 707 阅读 · 0 评论 -
Vue全家桶实战03_【从入门到放弃系列】
组件图示Demo实例<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>组件的创建</title></head><body> <div id="app"> </di...原创 2020-02-25 22:05:13 · 514 阅读 · 0 评论 -
轻松理解vuex的运用和常见问题，顺便学会vue企业必备实例
Vue的核心是数据驱动和组件化开发，无论是组件的封装还是组件的传参，都是面试中最常见的问题，也难倒了无数面试者，以下就跟大伙分享分享当vue 组件之间的通信感到崩溃时如何运用vuex及面试中常见vuex问题的解决。先看常见问题：使用Vuex只需执行 Vue.use(Vuex)，并在Vue的配置中传入一个store对象的示例，store是如何实现注入的？state内部是如何实现支持模块...转载 2020-02-25 21:49:51 · 340 阅读 · 0 评论 -
Vue全家桶实战02_【从入门到放弃系列】
指令vue中常用v-指令演示Demo演示原创 2020-02-25 21:39:26 · 551 阅读 · 0 评论 -
Vue全家桶实战01_【从入门到放弃系列】
准备工作先说一下使用的编程软件，sublime Text，具体怎么安装及配置，我已经写好了一篇博客。欢迎查阅。Sublime Text 的下载巨慢的问题，安装问题，html页面代码生成问题，代码提示问题 全都解决了【最完美的解决方案】然后，就是找一个路径，比如我的D:\VUE 【新文件夹】进入cmd模式，在命令行，输入以下两条命令：然后，使用sublime text打开...原创 2020-02-24 21:17:58 · 746 阅读 · 0 评论 -
vue：model和v-model的区别
v-model:你可以用v-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但v-model本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。v-model会忽略所有表单元素...原创 2020-01-14 11:04:36 · 15122 阅读 · 0 评论 -
vue下的props,data
data 类型：Object | Function 限制：组件的定义只接受function。 详细： Vue 实例的数据对象。Vue 将会递归将 data 的属性转换为 getter/setter，从而让 data 的属性能够响应数据变化。对象必须是纯粹的对象 (含有零个或多个的 key/value 对)：浏览器 API 创建的原生对象，原型上的属性会被忽略。大概来...原创 2020-01-08 21:50:08 · 989 阅读 · 0 评论 -
vue生命周期详解
beforeCreate在这个钩子函数里，只是刚开始初始化实例，你拿不到实例里的任何东西，比如data和methods和事件监听等。data: { msg: 'linlin' }, methods: { getLists(){ return 'aaa' } }, beforeCreate() { console.log('bef...原创 2020-01-08 21:43:11 · 552 阅读 · 0 评论 -
Vue中的 computed 和 watch的区别
computedcomputed看上去是方法，但是实际上是计算属性，它会根据你所依赖的数据动态显示新的计算结果。计算结果会被缓存，computed的值在getter执行后是会缓存的，只有在它依赖的属性值改变之后，下一次获取computed的值时才会重新调用对应的getter来计算1）下面是一个比较经典简单的案例<template> <div class="...原创 2020-01-08 21:30:51 · 487 阅读 · 0 评论 -
lt、le、eq、ne、ge、gt的含义
lt：less than小于 le：less than or equal to小于等于 eq：equal to等于 ne：not equal to不等于 ge：greater than or equal to大于等于 gte gt：greater than大于摘自：https://blog.youkuaiyun.com/violet_echo_0908/article/de...原创 2020-01-07 10:35:27 · 1804 阅读 · 0 评论 -
vue watch监听某输入框中是否有值，然后改变某输入框的属性值
即当内容指标有值，费用范围输入框才可以使用。以下解决方案：原创 2020-01-06 15:23:49 · 3960 阅读 · 0 评论 -
浅析同源策略及跨域问题
浅析同源策略及跨域问题同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。简单来说同源策略指：协议、域名、端口号均相同则同源。同源策略，它是由Netscape提出的一个著名的安全策略。所有支持JavaScript...原创 2019-12-31 20:07:38 · 617 阅读 · 0 评论 -
Vue014_ vue 项目的打包与发布
模板项目的结构|-- build : webpack 相关的配置文件夹(基本不需要修改)|-- dev-server.js : 通过 express 启动后台服务器|-- config: webpack 相关的配置文件夹(基本不需要修改)|-- index.js: 指定的后台服务的端口号和静态资源文件夹|-- node_modules|-- src : 源码文件夹|-- co...原创 2019-12-30 17:12:20 · 435 阅读 · 0 评论 -
Vue013_ vue组件化编码
vue 组件化编码2.1. 使用 vue-cli 创建模板项目2.1.1. 说明1) vue-cli 是 vue 官方提供的脚手架工具2) github: https://github.com/vuejs/vue-cli3) 作用: 从 https://github.com/vuejs-templates 下载模板项目 创建 vue 项目npm install ...原创 2019-12-30 17:09:20 · 317 阅读 · 0 评论 -
Vue012_ 自定义插件
自定义插件 说明1) Vue 插件是一个包含 install 方法的对象2) 通过 install 方法给 Vue 或 Vue 实例添加方法, 定义全局指令等代码展示：vue-myPlugin.js/** * 自定义 Vue 插件 */(function() { const MyPlugin = {} MyPlugin.install = functio...原创 2019-12-30 17:06:39 · 216 阅读 · 0 评论 -
Vue011_ 内置指令与自定义指令
内置指令与自定义指令 常用内置指令1) v:text : 更新元素的 textContent2) v-html : 更新元素的 innerHTML3) v-if : 如果为 true, 当前标签才会输出到页面4) v-else: 如果为 false, 当前标签才会输出到页面5) v-show : 通过控制 display 样式来控制显示/隐藏6) v-for : 遍历...原创 2019-12-30 17:03:58 · 296 阅读 · 1 评论 -
Vue010_ 过滤器
理解过滤器1) 功能: 对要显示的数据进行特定格式化后再显示2) 注意: 并没有改变原本的数据, 可是产生新的对应的数据定义和使用过滤器1) 定义过滤器Vue.filter(filterName, function(value[,arg1,arg2,...]){// 进行一定的数据处理return newValue})2) 使用过滤器<div>{{m...原创 2019-12-30 17:00:41 · 166 阅读 · 0 评论 -
Vue009_过渡&动画
vue 动画的理解1) 操作 css 的 trasition 或 animation2) vue 会给目标元素添加/移除特定的 class3) 过渡的相关类名xxx-enter-active: 指定显示的 transitionxxx-leave-active: 指定隐藏的 transitionxxx-enter/xxx-leave-to: 指定隐藏时的样式 基本过渡动...原创 2019-12-30 16:58:24 · 229 阅读 · 0 评论 -
Vue008_ Vue实例生命周期
生命周期流程图vue 生命周期分析1) 初始化显示* beforeCreate()* created()* beforeMount()* mounted()2) 更新状态: this.xxx = value* beforeUpdate()* updated()3) 销毁 vue 实例: vm.$destory()* beforeDestory()* destor...原创 2019-12-30 16:55:41 · 186 阅读 · 0 评论 -
Vue007_ 表单输入绑定
表单输入绑定使用 v-model 对表单数据自动收集1) text/textarea2) checkbox3) radio4) select<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> ...原创 2019-12-30 16:50:57 · 218 阅读 · 0 评论 -
Vue006_事件处理
绑定监听:1) v-on:xxx="fun"2) @xxx="fun"3) @xxx="fun(参数)"4) 默认事件形参: event5) 隐含属性对象: $event 事件修饰符1) .prevent : 阻止事件的默认行为 event.preventDefault()2) .stop : 停止事件冒泡 event.stopPropagation() 按...原创 2019-12-30 16:48:34 · 203 阅读 · 0 评论 -
Vue005_ 列表渲染
列表渲染列表显示指令数组: v-for / index对象: v-for / key2) 列表的更新显示删除 item替换 item3) 列表的高级处理列表过滤列表排序代码示例：<!DOCTYPE html><html> <head> <meta charset="utf-8"> &l...原创 2019-12-30 16:46:23 · 219 阅读 · 1 评论 -
Vue004_条件渲染
条件渲染条件渲染指令1) v-if 与v-else2) v-show比较v-if 与v-show3) 如果需要频繁切换v-show 较好4) 当条件不成立时, v-if 的所有子节点不会解析(项目中使用)代码展示<!DOCTYPE html><html> <head> <meta charset="utf-...原创 2019-12-29 21:38:54 · 142 阅读 · 0 评论 -
Vue003_class 与style 绑定
class 与style 绑定理解1) 在应用界面中, 某个(些)元素的样式是变化的2) class/style 绑定就是专门用来实现动态样式效果的技术class 绑定1) :class='xxx'2) 表达式是字符串: 'classA'3) 表达式是对象: {classA:isA, classB: isB}4) 表达式是数组: ['classA', 'classB'...原创 2019-12-29 21:36:09 · 268 阅读 · 0 评论 -
Vue002_计算属性和监视
计算属性和监视计算属性1) 在computed 属性对象中定义计算属性的方法2) 在页面中使用{{方法名}}来显示计算的结果监视属性1) 通过通过vm 对象的$watch()或watch 配置来监视指定的属性2) 当属性变化时, 回调函数自动调用, 在函数内部进行计算计算属性高级1) 通过getter/setter 实现对属性数据的显示和监视2) 计算属性存在...原创 2019-12-29 21:29:53 · 214 阅读 · 0 评论 -
Vue001_模板语法
模板的理解1) 动态的 html 页面2) 包含了一些 JS 语法代码a. 双大括号表达式b. 指令(以 v-开头的自定义标签属性)双大括号表达式1) 语法: {{exp}}2) 功能: 向页面输出数据3) 可以调用对象的方法指令一: 强制数据绑定1) 功能: 指定变化的属性值2) 完整写法: v-bind:xxx='yyy' //yyy 会作为表达式解...原创 2019-12-29 21:13:15 · 347 阅读 · 0 评论 -
MVC、MVP、MVVM分别是什么？有什么区别？
MVC框架最早出现在Java领域，然后慢慢在前端开发中也被提到，后来又出现了MVP，以及现在最成熟的MVVM，下面我们来简单介绍一下各种模式。MVCMVC全名是Model View Controller，是模型(model)-视图(view)-控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性...原创 2019-12-29 14:25:51 · 1820 阅读 · 0 评论 -
Node.js、Npm、MVVM模式、idea的vue集成
Node.js简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。如果我们使用 PHP 来编写后端的代码时，需要 Apache...原创 2019-12-27 16:46:47 · 403 阅读 · 0 评论