![](https://img-blog.csdnimg.cn/2019091813595558.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
主要关于vue的一些技术文字
Mr Locke
这个作者很懒,什么都没留下…
展开
-
vue-router的基本使用
vue router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:嵌套的路由/视图表;模块化的、基于组件的路由配置;路由参数、查询、通配符;基于 Vue.js 过渡系统的视图过渡效果;细粒度的导航控制;带有自动激活的 CSS class 的链接;HTML5 历史模式或 hash 模式,在 IE9 中自动降级;自定义的滚动条行为...原创 2020-06-08 22:24:41 · 347 阅读 · 0 评论 -
vue项目上线nginx服务器时的代理问题
今天就来谈谈vue项目上线nginx服务器时我踩过的坑,希望大家看完可以少走弯路!!! 1.首先,我们在本地开发的时候,假如我们的项目用到别人的接口,但是请求跨域了,那我们就需要使用代理,而在vue的配置文件vue.config.js中,我们写的接口代理有两种模式,如下:module.exports = { devServer: { proxy: { "/info...转载 2020-04-15 12:17:01 · 686 阅读 · 0 评论 -
vue中关闭eslint的配置和alias别名配置
在项目中建vue.config.js文件module.exports = { devServer: { overlay: { // 遮罩层 warnings: false, errors: false } }, lintOnSave: false // 直接关闭eslint}...原创 2020-04-13 23:00:53 · 1432 阅读 · 0 评论 -
vue中组件的使用
1.组件化模块化:就是将系统功能分离成独立的功能部分的写法,一般值得是单个的某一种东西,例如js、css组件化:就是针对的是页面的整个完整的功能模块划分,组件是一个html、css、js、image等外链资源,这些部分组成的一个聚合体。优点:代码复用,独立性强组件应该拥有的特性**:**可组合,可复用,可测试,可维护2.组件在vue中,我们通过Vue.extend;来创建vue的子类,...原创 2020-04-06 22:06:53 · 160 阅读 · 0 评论 -
vue的双向数据绑定原理的理解
vue实现双向数据绑定的原理:就是利用了Object.Property()这个方法,重新定义了对获取属性值(get)和设置属性(set)的操作来实现的。它接收的三个参数,要操作的对象,要定义或者要修改的对象的属性名,属性描述符。重点接收最后的属性描述符,属性描述符是一个对象,主要有两种形式:数据的描述性和存取描述符。这两种对象只能选择一种使用,不能混合两种描述符的属性同时使用。例子...原创 2020-03-18 23:14:43 · 1380 阅读 · 0 评论 -
Vue的一些基本指令总结
指令:以v-开头的称之为vue的指令(directive)指令的作用:就是用来操作dom1.v-for:渲染数据和模板快2.v-on:用来绑定点击事件v-on:click,也可以简写成@click`事件的修饰符:.stop 可以阻止事件的冒泡.prevent 可以取消事件的默认行为.once 只会触发一次.self 只会自身触发在运用...原创 2020-03-22 23:48:05 · 149 阅读 · 0 评论 -
Vue 中虚拟DOM与key属性
1.虚拟DOM的原理流程:1.用JavaScript模拟DOM树,并且渲染这个DOM树2.在实现的过程中比较新老DOM树,得到比较差异的对象3.然后把差异的对象应用到渲染的DOM树。下面是流程图:虚拟的DOM的核心思想就是:对复杂的文档DOM结构,提供一种方便的工具,进行最小化的DOM操作。这句话过于抽象,却基本概括了虚拟DOM的设计思想。也就是说根据虚拟dom树最初渲染成真实dom,...原创 2020-03-23 20:28:36 · 783 阅读 · 0 评论 -
vue-cli 脚手架搭建项目
1.在命令行全局安装安装vue-cli 3.0npm install -g @vue/cli# oryarn global add @vue/cli2.安装vue-cli 3.0之后开始搭建脚手架项目vue create . //在当前项目里面建项目2-1:是否在当前页建立项目,按yes,回车2-2:按键盘上(下)键,选择第二项,按回车。如果之前选择保存过就不需要了2-3...原创 2020-03-28 21:20:08 · 128 阅读 · 0 评论 -
理解vue实例的生命周期和钩子函数
先来一张生命周期的官方图:钩子函数 描述beforeCreate 组件实例刚被创建,组件属性计算之前,如data属性等created 组件实例创建完成,属性已绑定,但DOM还未生成,$el属性还不存在beforeMount 模板编译 / 挂载之前mounted 模板编译 / 挂载之后beforeUpdate 组件更新之前update 组件...原创 2020-03-24 21:38:04 · 320 阅读 · 0 评论