![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
lucky0han
永远保持低姿态,你才能不断成长。
展开
-
Vue——自定义指令
/** * 自定义全局指令 * 注:使用指令时必须在指名名称前加前缀v-,即v-指令名称 */ Vue.directive('hello',{ bind(){ //常用!! alert('指令第一次绑定到元素上时调用,只调用一次,可执行初始化操作'); }, inserted(){ alert('被绑定元素插入到DOM中时调用'); }, update(){ alert('被绑定元素所在模板更新时调用'); }, co.原创 2020-08-16 23:20:48 · 316 阅读 · 0 评论 -
Vue生命周期
一、vue实例从创建到销毁的过程,称为生命周期,共有八个阶段转载 2020-08-16 23:12:58 · 313 阅读 · 0 评论 -
Vue——axios请求
axios({ method:'get', url:'http://bit.ly/2mTM3nY', responseType:'stream'}) .then((res) => { console.log(res);}) .catch((err) => { console.log(err);});{ // `url` 是用于请求的服务器 URL url: '/user', // `method` 是创建请求时使用的方法 met..原创 2020-07-23 14:01:25 · 741 阅读 · 0 评论 -
Vue模板——数据绑定
v-model:双向绑定<base-checkbox v-model="lovingVue"></base-checkbox>{{}} | v-text:单向绑定<span v-text="msg"></span><!-- 和下面的一样 --><span>{{msg}}</span>v-cloak:这个指令保持在元素上直到关联实例结束编译。防止页面加载完成前显示 {{}}[...原创 2020-07-20 23:52:51 · 717 阅读 · 0 评论 -
Vue基础知识——特殊的attribute
key:使用 key 时,它会基于 key 的变化重新排列元素顺序,并且会移除 key 不存在的元素。有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲染错误。<ul><li v-for="item in items" :key="item.id">...</li></ul>它也可以用于强制替换元素/组件而不是重复使用它。当你遇到如下场景时它可能会很有用:完整地触发组件的生命周期钩子 触发过渡例如:<tran.原创 2020-07-19 23:57:34 · 905 阅读 · 0 评论 -
Vue基础知识——常用指令
v-show:带有v-show的元素始终会被渲染并保留在 DOM 中。v-show只是简单地切换元素的 CSS propertydisplay例如:<el-buttontype="primary"@click="submitForm('ruleForm')"v-show="true">提交</el-button>v-if:根据表达式的值的truthiness来有条件地渲染元素。在切换时元素及它的数据绑定 / 组件被销毁并重建。当和v-if一起...原创 2020-07-19 23:47:10 · 525 阅读 · 0 评论