Vue.js
LionKing0823
此人不懒,但是什么都没有写
展开
-
Vue:列表、条件、事件
1. vue.js源代码 匿名函数 (function(){}) () 特点 安全性高 减少了函数命名冲突 第二个括号才是函数的真正运行, 里面可以传入实际参数 第一个括号确定了匿名函数的作用范围, 语法不会报错, 里面放一个没有名字的函数, 函数可以接收形式参数 底层代码封装 匿名函数作用 确定vue.js这个库的使用方法 直接将Vue当做全局的一个方法使用, 因为将...原创 2019-04-17 17:35:00 · 585 阅读 · 0 评论 -
组件注册
组件注册 Vue.component(组建名称, 组件的配置) 在组件中使用components的配置项来表示 问题: 组件命名问题 组件命名和html原生标签冲突 Header Footer ----> header footer 大驼峰的写法 Vue.componennt('ZhangJun',{ template: '<div&...原创 2019-04-22 19:35:10 · 265 阅读 · 0 评论 -
Vue类名、样式、computed计算属性、todolist
Vue类名、样式、computed计算属性 1.类名 <div id="app"> <h3> 类名的绑定 </h3> <div class="size"></div> <div class="size bg"></div> <hr> <h4> 类名-对象的形式 </h4> <...原创 2019-04-18 21:05:39 · 961 阅读 · 0 评论 -
组件生命周期( 组件内钩子)
组件生命周期( 组件内钩子 ) 重点!! 钩子函数,就是options里面的key, 它的值是函数 钩子函数写在其他配置项的后面 组件的有哪几个阶段? 初始化阶段 运行中阶段 销毁阶段 初始化阶段 分为两个大阶段, 每一个大阶段包含两个生命周期钩子函数 ---- 生命周期 --》人的一生 钩子函数 --》 (人在某个阶段做得一些事情, 这些事情是自动触发...原创 2019-04-23 21:24:41 · 443 阅读 · 0 评论 -
Vue深入响应式理解、v-mode 双向数据绑定、watch、axios、fetch数据请求、mixins/global、:key
1.Vue深入响应式原理 1. vue深入响应式原理 数据模型–》 vm中 的data选项 状态管理 什么叫做状态?什么叫做状态管理? 我们使用一个数据去管理视图中的一个部分, 那么这条数据就叫做状态, 这种管理模式就叫做状态管理 总结: 1. 什么是深入响应式原理?王者级的 深入响应式原理是利用了数据劫持和订阅发布的模式, 当数据模型发生改变的时候, 视图就会响应的进行更新, 那么深入响应...原创 2019-04-19 22:39:24 · 666 阅读 · 0 评论 -
动态组件、webpack
动态组件 动态组件就是 component组件 , 组件身上可以绑定一个is属性, 用来表示某一个组件 is属性 我们html中有一些标签是规定它的直接子元素的 , 比如 ul li ol li selector option table这类型标签 不能直接用常规的组件使用方式, 必须在对应直接子元素上绑定 is属性 <div id="app"> <...原创 2019-04-25 08:12:46 · 322 阅读 · 0 评论 -
移动端ellipsis(...)的两种解决方案
移动端ellipsis(…)的两种解决方案 scss: @mixin wrap($is-wrap:true){ @if $is-wrap = true { word-wrap: break-word; word-break:break-all; } @else { white-space: nowrap; } } @mixi...转载 2019-05-05 22:30:10 · 971 阅读 · 1 评论