![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
久违i-i
放弃不难 但坚持很酷
展开
-
Vue指令用法1
Vue指令用法1先简单介绍Vue的特点:1、是一套构建用户界面的框架,有提过双向数据绑定的功能,实现前后端的相互通信。2、只关注视图层,也就是说,通过框架中所提供的指令,使得前端只需要关心数据的业务逻辑,不用关心dom是如何渲染的。Vue指令及其试用场景:一、适用于文本的指令v-text:使用该指令用来显示文本内容,但不会解析html标签,即把标签当做文本显示出来。v-htm...原创 2019-06-02 10:09:43 · 347 阅读 · 0 评论 -
v-if和v-show的异同和使用场景
通过一个案例来寻找v-if和v-show的异同:说明:1、el(即element的缩写),它指定vm实例对象将要控制的区域,(本例为id="app"的模块。)2、data 是个对象,指定了控制区域内要用到的数据。3、methods 虽然有s后缀,但是它代表对象,在此部分自定义方法。4、在VM实例中,如果要访问data上的数据,或者要访问 methods中的方法,必须要在前面加 this。&...原创 2019-06-02 10:36:01 · 5458 阅读 · 1 评论 -
Vue自定义私有和全局指令
通过Vue.directive来自定义全局指令:1、全局指令的定义方法为:Vue.directive(‘指令名称’,{} );其中 {} 内包含的函数被称为**“钩子函数”**。2、常用的钩子函数有:bind:function(el,{});inserted:function(el,{});updated:function(el,{});let vm=new Vue({V...原创 2019-06-08 11:40:28 · 1005 阅读 · 1 评论 -
Vue实例的生命周期
生命周期:-》即Vue实例从开始创建、编译模板、挂载DOM、渲染->更新->渲染、销毁等一系列的过程,称为Vue实例的生命周期。三个阶段:-》初始化阶段-》运行阶段-》销毁阶段初始化阶段:第一个生命周期函数:beforeCreate(){}。只是初始化,Vue实例的data和methods中的数据都还没有初始化。第二个生命周期函数:created(){}。该函数执行后...原创 2019-06-14 21:53:54 · 122 阅读 · 0 评论 -
Vue的get和post请求
=》vue的resource包中包含了get和post方法。=》导入resource包之后,可以直接使用=》都是通过this.$http.get(’ URL ').then(result=>{});1、get请求来从服务器获取数据说明:通过在this.$http.get()中传递需要拿到的数据地址,然后通过.then来设置成功的回调函数,通过判断result.status来判断是否成...原创 2019-07-06 19:59:10 · 2441 阅读 · 0 评论