Vue
CAFFE009
这个作者很懒,什么都没留下…
展开
-
vue-cli脚手架工具--搭建开发所需要的环境
.|-- build // 项目构建(webpack)相关代码| |-- build.js // 生产环境构建代码| |-- check-version.js // 检查node、npm等版本| |-- dev-client.js ...转载 2020-01-08 15:22:24 · 104 阅读 · 0 评论 -
Vue 生命周期 理解
Vue实例有一个完整的生命周期,也就是说从开始创建、初始化数据、编译模板、挂在DOM、渲染-更新-渲染、卸载等一系列过程,我们成为Vue 实例的生命周期,钩子就是在某个阶段给你一个做某些处理的机会。生命周期图.jpg生命周期文字解析.jpgbeforeCreate( 创建前 )在实例初始化之后,数据观测和事件配置之前被调用,此时组件的选项对象还未创建,el 和 data 并...转载 2020-01-02 17:51:31 · 143 阅读 · 0 评论 -
Vue2.0的八种常用传值方式、父传子、子传父、非父子组件传值(最完整)
@TOC版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 转载链接:https://blog.csdn.net/qq_36711388/article/details/82949871Vue2.0 传值方式:在Vue的框架开发的项目过程中,经常会用到组件来管理不同的功能,有一些公共的组件会被提取出来。这时必然会产...转载 2019-08-30 15:15:18 · 1035 阅读 · 1 评论 -
vue的mixins的使用
mixins就是混入。一个混入对象可以包含任意组件选项。同一个生命周期,混入对象会比组件的先执行。1.创建一个test.js,用export暴露出mixins对象export const mixinsTest = { methods:{ hello(){ console.log("hello"); ...转载 2019-08-30 16:11:35 · 209 阅读 · 0 评论 -
Vue动态组件 <component>
VUE动态组件component以及<keep-alive>component 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="w...转载 2019-08-30 16:12:18 · 377 阅读 · 0 评论 -
vue定义全局变量和全局方法示例
一、全局引入文件1、先定义共用组件 common.vue? 1 2 3 4 5 6 7 8 9 10 11 12 <script type="text/javascript"> // 定义一些公共的属性和方法 const httpUrl...原创 2019-08-30 17:48:39 · 681 阅读 · 0 评论 -
Vue自定义局部过滤器
image.png一.重点过滤器:本质上是管道函数,函数的一种二.助记图image.png1.问题有些过滤器我们希望只在特定的Vue控制的区域调用2.解决方案通过给Vue实例对象添加filters属性,定义局部过滤器只在特定的控制区域使用3.代码验证i...原创 2019-08-30 18:03:20 · 316 阅读 · 0 评论 -
vue路由的配置
转载自https://www.cnblogs.com/cyundan/p/9732622.html一、准备工作1安装vue-cli npm install vue-cli -g2检查是否安装成功vue -V(大写V)3初始化一个新的项目vue init webpack vue-demo进入项目目录npm install npm run d...转载 2019-08-30 18:09:21 · 186 阅读 · 0 评论