组件中 watch props 根据 v-if 动态判断并挂载 DOM 的问题 ⭐️ 更多前端技术和知识点,搜索订阅号 JS 菌 订阅 问题复现:父组件中通过名为 source 的 prop …
标签:vue.js教程
Vuex的使用,以及数据持久化
一、什么是vuex vuex :是一个专为vue.js开发的状态管理器,采用集中式存储的所有组件状态 五个属性: state、getters、mutations、actions、module 基本使用: 新建store.…
一图理解VUE生命周期
感谢作者:https://blog.csdn.net/jiaoshu…
第十一课时: 关于Vue组件一些注意的地方
组件的基本使用 注册组件 1.注册组件就是利用Vue.component()方法2.可以理解为一个vue文件就是一个组件 模板要求 组件的模板中只能有一个根元素 组件中的data必须是函数 var app = new V…
浅谈Vue 中的 computed 和 methods 的使用
computed:在computed中的函数,是在dom加载后马上执行的methods:在methods中的函数,必须要有一定的触发条件,才会执行Vue.js 将绑定表达式限制为一个表达式,如果想要实现绑定多于一个表达式…
Vue 使用过滤器实现将时间戳转日期格式
render函数是渲染一个视图,然后提供给el挂载,如果没有render则页面什么都不会显示, Vue 实例对象的 render 方法作为一个函数,接受传入的参数 h 函数,返回 h() 的函数调用结果。 JS部分 //…
vue2 v-model/v-text 中使用过滤器
Vue.js 允许自定义过滤器,一般可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示: <!--…
Object.defineProperty()的理解
1.Object.defineProperty Object.defineProperty(obj, prop, descriptor) MDN描述: obj要在其上定义属性的对象。 prop要定义或修改的属性的名称。 …
第十课时: Vue中第三方库的使用方法
从数字渐变组件(countUp.js)谈第三方JS库的使用 1、组件封装基础实例父组件count-to.vue: <template> <div> // 父组件获取DOM通过ref属性,父组件传递…
vue实现梳理
本文通过一个示例,描述了vue的编译及运行过程。例子: <div id="app"> {{ message }} <input type="text" v-model="message"/> &l…
第九课时: Moc模拟Ajax响应
1.响应模拟(建议开发版完成后删除Mock,笔者实际开发完没有删除Mock好像是引起了一些ajax的异常情况)src/main.js // 判断开发环境下才引入mock if (process.env.NODE_ENV …
第八课时: vue中axios请求拦截封装
Ajax请求 1.解决跨域问题出现跨域的情况(受浏览器同源策略的影响): 解决跨域的方法: 1) 前端项目增加跨域代理 在vue.config.js文件中添加 2) 后端增加header 2、封装axiossrc/con…