![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
一颗甜果果
这个作者很懒,什么都没留下…
展开
-
学习openlayers - 01基本搭建
对于地图(Map)的渲染,必须由一个或者多个图层(Layers&Sources)、一个地图(View)以及一个目标容器(DIV层实现);var map = new ol.Map({ // 实例化Map对象 // view层主要控制用户与地图的最基本的交互,比如缩放、平移、设置中心点、地图显示级别 view: new ol.View({ center:[0,0], // 中心点 zoom:1 // 级别 }), layers:[ new ol.layer.Tile({ //原创 2021-06-07 15:15:28 · 208 阅读 · 0 评论 -
简述一下Vue与微信小程序的区别?
一、生命周期函数不一样:- 微信小程序为onLoad:页面加载,onShow:页面显示,onReady:页面初次渲染完成,onHide:页面隐藏,onUnload:页面卸载。- Vue的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子并不一样。beforecreate、created适合做网络请求、beforemout更新data、mouted、beforeupdate、updated、beforedestory、destroyed。二、数据请求时间不一样转载 2021-06-07 10:34:18 · 3437 阅读 · 0 评论 -
MVC和前端中的MVVM之间的区别
1.MVC是后端的分层开发概念;M,Model层,处理数据的CRUD;V,View层,一般看作前端页面;C,Controller业务逻辑层(路由也是一部分,登录、注销等业务逻辑);2.MVVM是前端视图层的概念;主要关注于视图层分离,也就是说:MVVM把前端的视图层分为了三部分,Model,VM(viewmodel),View;ps:来自于听了B站某位大佬的教程...原创 2021-03-04 10:54:06 · 332 阅读 · 1 评论 -
VUE过滤器(时间格式化)
VUE过滤器<div id='app'> <p>{{bir|birTo_age}}</p> <p>{{bir|birTo_age2}}</p> <p>{{create_at|sinatime_userUI}}</p></div><script> //全局 Vue.filter...原创 2019-05-23 23:33:20 · 190 阅读 · 0 评论 -
VUE的计算属性与监听属性
vue计算属性methods与computed的区别computed是属性调用,而methods是函数调用;computed带有缓存功能,而methods不是;我们可以使用 methods 来替代 computed,效果上两个都是一样的,但是 computed 是基于它的依赖缓存,只有相关依赖发生改变时才会重新取值。而使用 methods ,在重新渲染的时候,函数总会重新调用执行。可以...原创 2019-05-23 23:21:02 · 425 阅读 · 0 评论 -
VUE的生命周期函数(钩子函数)
VUE的生命周期函数(钩子函数)生命周期函数的优势每个 Vue 实例在被创建时都要经过一系列的初始化过程。生命周期钩子的函数,给了用户在不同阶段添加自己的代码的机会。例如,如果要通过某些插件操作DOM节点,如想在页面渲染完后弹出广告窗。① beforeCreatebeforeCreate:组件实例刚被创建,在组件属性计算之前,例如data属性(即不能使用属性、数据和方法)。在这里去...原创 2019-05-27 20:47:47 · 232 阅读 · 0 评论 -
常见的VUE事件修饰符
VUE事件修饰符v-on的修饰符@click.capture 与事件冒泡的方向相反。比如以前的事件是从子元素到父元素触发,而现在捕获阶段触发,则会从父元素到子元素。如同JS原生代码中addEventListener中的第三个参数设为true,即为捕获阶段触发。@click.stop阻止事件冒泡@click.prevent阻止默认事件,比如在(锚点、表单中)会自动跳转、提交事件。@cli...原创 2019-05-23 13:34:45 · 297 阅读 · 0 评论 -
VUE中的v-for(参数顺序)
v-for作用:v-for指令用于循环遍历显示一个数组或者对象 。v-for嵌套<div id="app"> <div class="movie" v-for="obj in movies"> <p>{{obj.name}}</p> <p>{{obj.year}}</p> <p>{{obj....原创 2019-05-22 19:44:28 · 2622 阅读 · 0 评论 -
VUE中的v-model(对比单向数据绑定和双向数据绑定)
v-modelv-model指令用来在input、select、text、checkbox、radio等表单控件元素上创建双向数据绑定的。根据控件类型v-model自动选取正确的方法更新元素 。 <div id="app"> 账号:<input type="text" name="userid1" id="userid1" :value="useri...原创 2019-05-22 10:46:13 · 1620 阅读 · 0 评论 -
VUE全局组件、私有组件
vue组件vue两大思想:数据驱动界面、组件思想组件必须在vm对象创建之前注册组件(全局) Vue.component("bts",{ template:"<div><h1>this.mytitle</h1><p>bts</p></div>", data:function (){ return {myti...原创 2019-05-22 10:09:13 · 239 阅读 · 0 评论