vue
不吃肉的小李
balabala不爱吃肉
展开
-
vue入门
1:我们为什么要使用vue性能更好 试图、数据分离 维护陈本低2:vue是什么Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。3:vue的性能好在哪里(1)什么会影响web应用的性能操作DOM影响性...原创 2019-06-12 14:11:21 · 120 阅读 · 0 评论 -
vue第一个实例
第一个vue实例有如下结构 <div id="app"> {{1+1}} --> {{[1,2,3,4]}} 这里必须分开 {{ {a:1,b:2} }} {{2*5}} {{10/2}} {{2>3?2:3}} {{a}} <...原创 2019-09-22 15:56:11 · 177 阅读 · 0 评论 -
cli3配置跨域了(了)
最近在用前端获取后端数据的时候频繁的跨域,网上也查了不少,始终是有问题,先是在node后端设置cors,可是get请求正常,post请求还是出问题,真让人头????。解决方法首先这是我的配置文件module.exports = { publicPath: "/",//根路径 outputDir: "dist",//输出目录 assetsDir: "assets", ...原创 2019-09-15 00:01:09 · 249 阅读 · 0 评论 -
nextTrick的作用
最近再做vue项目时要在请求到数据后获取,结果报错。dom位undeifined。用了nextTick之后解决,因为获取的时候得到了数据层,并没有渲染,所以获取失败。vue.nextTick( [callback, context] )概念在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。原理:vue更新dom是异步的执行,当监听到数据...原创 2019-08-08 18:24:57 · 5001 阅读 · 0 评论 -
MVVM 与 MVC
MVVM(Model-View-ViewModel)即 模块 视图 视图模型module指的是原始数据view代表显示曾 即所展示的页面vm就是将数据转化程页面的工具(桥梁),同时还可以将view层转化成数据层(module),实现的方式就是双向数据绑定,vue极具代表(v-modle)MVVM的视图和模型通过ViewModel来通信,ViewModel通常要实现一个observer观察...原创 2019-06-22 22:57:17 · 131 阅读 · 0 评论 -
vuex是什么
每一个 Vuex 应用的核心就是 store(仓库)。“store”就是一个容器。Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。store中的getter st...原创 2019-06-22 22:19:42 · 147 阅读 · 0 评论 -
vue的是什么
来自端方文档的解释:是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。1:什么是虚拟dom先来了解下浏览器的渲染过程,解析html构建dom树–》解析css构建ccs树—》...原创 2019-06-22 21:09:19 · 404 阅读 · 0 评论 -
vue中封装form插件
我们知道网页开发中很多的地方都要重复的利用form表单的input输入,今天就来分一个InputGroup插件。此插件目前应用于输入手机号获取验证码注册或登陆。1:在组件中用一个div包裹input、button、、错误提醒的dom元素。2:在props中定义接受父级传过来的值3:进行数据绑定其中#emit(‘xxx’,xxx)用于事件处理,子集向父级传值。5:在父级中使用组件...原创 2019-06-19 21:57:21 · 1345 阅读 · 2 评论 -
vue传值(子向父 && 父向子)
1:父级向子集传值方法(1)子组件接受一个数组 <div id="app"> <mycom :title='title' :contnt ='content'></mycom> </div> const vm = new Vue({ el: "#app", d...原创 2019-06-13 13:07:29 · 1925 阅读 · 0 评论 -
watch 与 copputed的区别
1:copputed:计算属性,尽管以函数的形式声明,但是调用的时候是使用属性调用的。概念:核心的意义在于派生,就是根据自己以有的属性产生一个新的属性,就是计算属性。计算属性允许我们对指定的视图,复杂值计算,这些值将绑定到依赖项值缓存,只在需要时候更新。在 Vue 中计算属性是基于它们的依赖进行缓存的, 而方法是不会基于它们的依赖进行缓存的。从而使用计算属性要比方法性 能更好。...原创 2019-06-12 14:25:56 · 289 阅读 · 0 评论 -
vue指令
1:v-bind和v-onv-bind绑定属性,v-on绑定事件可以绑定class ,style<div v-bind:class ='[red,blue]'></div><div v-bind:class ='{red:true,blue:false}'></div><div v-style='{width:dwith}'>...原创 2019-09-23 11:04:20 · 149 阅读 · 0 评论