vue
kangswx
记录自己的学习历程,欢迎关注、交流
展开
-
vue组件的生命周期
在使用Vue的过程中需要频繁的创建和销毁组件比如页面部分内容的显示与隐藏,但是用的是v-if可以使用组件缓存来缓存页面上的组件,防止频繁的创建和销毁组件内置组件中被其包裹的组件,在v-if=false的时候,不会销毁,而是停用v-if=true不会创建,而是激活避免频繁创建组件对象对性能的损耗组件的激活和停用activated和deactivated组件创建组件创...原创 2019-12-01 22:11:26 · 635 阅读 · 0 评论 -
vue的组件化开发
组件创建的两种方式:局部声明全局声明组件类型通用组件(表单、弹窗、布局类等)业务组件(抽奖、机器分类)页面组件(单页面开发程序的每个页面都是一个组件、只完成功能、不复用)组件开发三部曲:声明、注册、使用slot插槽slot就是子组件里给dom留下的坑位<子组件>DOM</子组件>slot是动态的DOMslot使用示例...原创 2019-12-01 18:12:55 · 146 阅读 · 0 评论 -
vue的过滤器和监听器
vue的过滤器的作用是对数据进行处理后再展示过滤器有全局过滤器和组件内过滤器全局过滤器:Vue.filter(‘过滤器名’, 过滤方式fn);组件内过滤器filters:{‘过滤器名’, 过滤方式fn};{{ msg | 过滤器名}}最终都是在过滤方式fn里面return产出最终需要的结果过滤器的使用方式–组件内过滤器<!DOCTYPE html>&...原创 2019-11-24 21:11:44 · 255 阅读 · 0 评论 -
vue事件绑定
vue单向数据绑定v-bind单向数据绑定,内存数据的改变影响页面数据的改变v-bind就是对属性的简单赋值,当内存中值改变,会触发重新渲染,只能由js修改页面的值,页面的值修改后无法修改js中的值v-bind可以简写为 :v-bind使用示例<!DOCTYPE html><html><head> <title>v-bin...原创 2019-11-24 11:53:10 · 162 阅读 · 0 评论 -
vue的入门与指令
下载vue.js首先需要在本机安装node.js使用命令行进入到需要下载的文件夹下使用如下的命令下载vuenpm install vue然后就会在所在的路径下面找到vue的文件,如下图在node_modules\vue\dist下就可以找到vue.js的文件创建第一个vue的文件<!DOCTYPE html><html>&...原创 2019-11-23 16:10:30 · 97 阅读 · 0 评论