随笔分类 -  Vue

Vue整合jquery/bootstrap
摘要：转载：https://segmentfault.com/a/1190000014509984 一、安装插件： 二、全局注册： 1、配置webpack.base.conf.js或者\build\webpack.base.conf.js （1）cli小于3.0 （2）cli大于3.0 2、main.js 阅读全文
posted @ 2019-09-02 17:30 开拖拉机的拉风少年 阅读(683) 评论(0) 推荐(1)
Vue路由基础
摘要：Vue路由 功能就是在不重新请求页面的情况下，更新页面视图； 一、安装： 1）cnpm install vue-router -s 2）依赖：cnpm install 二、设计路由界面： 创建components文件夹，文件夹内分别创建user、Home组件 三、创建静态路由表： 在src下创建ro 阅读全文
posted @ 2019-06-27 23:30 开拖拉机的拉风少年 阅读(189) 评论(0) 推荐(0)
Vue组件
摘要：一、Vue组件：用于扩展HTML元素，封装可重用的代码； 主要分为：全局组件，局部组件； 二、全局组件： 1）创建：Vue.component(tagName, options)； 2）调用：<tagName></tagName> 3）注释事项： 1）只有div被vue绑定，才能使用vue 的组件； 阅读全文
posted @ 2019-06-26 22:21 开拖拉机的拉风少年 阅读(135) 评论(0) 推荐(0)
Vue的生命周期
摘要：转载：https://www.cnblogs.com/happ0/p/8075562.html 一、生命周期：主要分为，初始化、运行中、销毁； 二、生命周期图： 三、生命周期说明： 四、代码示例： 阅读全文
posted @ 2019-06-26 22:19 开拖拉机的拉风少年 阅读(163) 评论(0) 推荐(0)
Vue虚拟DOM/diff算法
摘要：vue的高效的核心，就是虚拟的dom和diff算法，vue不通过修改dom树来达到修改的效果，而是直接在页面上该那个元素，此时这个元素就是一个虚拟的dom。那么vue怎么去改呢？ 通过diff算法，计算出虚拟的dom修改后和修改前的区别，然后在虚拟dom的原基础上进行修改，这样的效率就大大提升了。 阅读全文
posted @ 2019-06-26 22:16 开拖拉机的拉风少年 阅读(334) 评论(0) 推荐(0)
Vue控制样式的常用方法
摘要：一、动态绑定： 1）<div v-bind:class="{'class1': boolean}">v-bind:class 指令</div> //多参数：:class={'class1':true,'class2':true} 2）<div :class="class1"></div> //多参数 阅读全文
posted @ 2019-06-26 22:15 开拖拉机的拉风少年 阅读(1831) 评论(0) 推荐(0)
Vue基础
摘要：一、Vue介绍： Vue是一个js渐进式框架，只注重视图层； 渐进式：主张最少，没有多做职责之外的事； MVVM开发模式的实现者：（model，view，viewmodel） viewmodel：连接视图和数据的中间件，实现双向数据绑定； 二、Vue.js引入： 1）本地包； 2）CDN：内容分发网 阅读全文
posted @ 2019-06-24 20:03 开拖拉机的拉风少年 阅读(159) 评论(0) 推荐(0)