vue
关注
分享
扫一扫
kangswx
记录自己的学习历程，欢迎关注、交流
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue组件的生命周期
在使用Vue的过程中需要频繁的创建和销毁组件 比如页面部分内容的显示与隐藏，但是用的是v-if 可以使用组件缓存来缓存页面上的组件，防止频繁的创建和销毁组件 内置组件中 被其包裹的组件，在v-if=false的时候，不会销毁，而是停用 v-if=true不会创建，而是激活 避免频繁创建组件对象对性能的损耗 组件的激活和停用activated和deactivated 组件创建 组件创...原创 2019-12-01 22:11:26 · 743 阅读 · 0 评论 -
vue的组件化开发
组件创建的两种方式： 局部声明 全局声明 组件类型 通用组件(表单、弹窗、布局类等) 业务组件(抽奖、机器分类) 页面组件(单页面开发程序的每个页面都是一个组件、只完成功能、不复用) 组件开发三部曲：声明、注册、使用 slot插槽 slot就是子组件里给dom留下的坑位 <子组件>DOM</子组件> slot是动态的DOM slot使用示例 ...原创 2019-12-01 18:12:55 · 189 阅读 · 0 评论 -
vue的过滤器和监听器
vue的过滤器的作用是对数据进行处理后再展示 过滤器有全局过滤器和组件内过滤器 全局过滤器：Vue.filter(‘过滤器名’, 过滤方式fn); 组件内过滤器filters:{‘过滤器名’, 过滤方式fn}； {{ msg | 过滤器名}} 最终都是在过滤方式fn里面return产出最终需要的结果 过滤器的使用方式–组件内过滤器 <!DOCTYPE html> &...原创 2019-11-24 21:11:44 · 312 阅读 · 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 · 222 阅读 · 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 · 152 阅读 · 0 评论