![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
kangswx
记录自己的学习历程,欢迎关注、交流
展开
-
vue组件的生命周期
在使用Vue的过程中需要频繁的创建和销毁组件 比如页面部分内容的显示与隐藏,但是用的是v-if 可以使用组件缓存来缓存页面上的组件,防止频繁的创建和销毁组件 内置组件中 被其包裹的组件,在v-if=false的时候,不会销毁,而是停用 v-if=true不会创建,而是激活 避免频繁创建组件对象对性能的损耗 组件的激活和停用activated和deactivated 组件创建 组件创...原创 2019-12-01 22:11:26 · 663 阅读 · 0 评论 -
vue的组件化开发
组件创建的两种方式: 局部声明 全局声明 组件类型 通用组件(表单、弹窗、布局类等) 业务组件(抽奖、机器分类) 页面组件(单页面开发程序的每个页面都是一个组件、只完成功能、不复用) 组件开发三部曲:声明、注册、使用 slot插槽 slot就是子组件里给dom留下的坑位 <子组件>DOM</子组件> slot是动态的DOM slot使用示例 ...原创 2019-12-01 18:12:55 · 155 阅读 · 0 评论 -
vue的过滤器和监听器
vue的过滤器的作用是对数据进行处理后再展示 过滤器有全局过滤器和组件内过滤器 全局过滤器:Vue.filter(‘过滤器名’, 过滤方式fn); 组件内过滤器filters:{‘过滤器名’, 过滤方式fn}; {{ msg | 过滤器名}} 最终都是在过滤方式fn里面return产出最终需要的结果 过滤器的使用方式–组件内过滤器 <!DOCTYPE html> &...原创 2019-11-24 21:11:44 · 263 阅读 · 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 · 171 阅读 · 0 评论 -
vue的入门与指令
下载vue.js 首先需要在本机安装node.js 使用命令行进入到需要下载的文件夹下 使用如下的命令下载vue npm install vue 然后就会在所在的路径下面找到vue的文件,如下图 在node_modules\vue\dist下就可以找到vue.js的文件 创建第一个vue的文件 <!DOCTYPE html> <html> &...原创 2019-11-23 16:10:30 · 105 阅读 · 0 评论