博客文章地址:https://lry1994.github.io/stu…—————————R…
标签:vue.js教程
vue使用flexible和px2rem实现移动端适配
首先下载flexible.js和px2rem npm install px2rem-loader 对webpack进行配置。进入build文件夹对utils.js中的postcssLoader做如下修改 const po…
关于父组件通过v-on接收子组件多个参数的一点研究
写组件的时候遇到一个需求,我需要在子组件向父组件传递信息 this.$emit('myEvent', 信息1, 信息2) 在父组件使用v-on来接收 <my-component @myEvent="handler"…
解决Vue打包之后文件路径出错的问题
废话少说,项目开发中遇到使用vue-cli打包后,路径出错的问题,在网上找了一些方法,发现下面这种方法是有效的: 1,静态文件路径错误找到config文件夹下的index.js文件修改一下位置 看清楚是 build(上边…
Vue笔记(四)——Vue动画&路由
过渡效果 过渡效果应用场景 条件渲染(使用v-if) 条件展示(使用v-show) 动态组件(使用:is) 组件根节点 过渡状态 opacity:0 ==> 1 enter ==>enter-active o…
vue监听对象及对象属性
监听整个对象,使用watch就行 export default { data() { return { a: { b: 1, c: 2 } } }, watch() { a: { handler(newVal, oldV…
Vue 生命周期
Vue 生命周期图 参考:[Vue生命周期][1]
Vue项目骨架屏注入实践
相比于早些年前后端代码紧密耦合、后端工程师还得写前端代码的时代,如今已发展到前后端分离,这种开发方式大大提升了前后端项目的可维护性与开发效率,让前后端工程师关注于自己的主业。然而在带来便利的同时,也带来了一些弊端,比如首…
理解vue与MVVM三要素
MVVM到底是什么,跟Jquery有什么区别? MVVM理解,跟MVC区别 Model View Controller,一般是用户操作view视图按钮,触发controller内方法,cotroller修改model数据…
Vue源码解读之事件机制
Vue定义了四种添加事件监听的方法:例如$on,可通过vm.$on(event,callback)添加监听。 事件监听 $on Vue.prototype.$on = function (event, fn) { var…
Vue之keep-alive
keep-alive 简介 keep-alive是 Vue 内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。在vue 2.1.0 版本之后,keep-alive新加入了两个属性: include(包含的组件缓…
vue template 注释部分,在浏览器中无法展示
先下结论:Vue 2.4.0新增的comments属性,无法在vue单文件中使用。 vue 2.4.0 新增特性 add comments option to allow preserving comments in t…