- 博客(15)
- 收藏
- 关注
RSS订阅原创 npx create-react-app 报错
问题描述：初始化react项目报错:You are running create-react-app 4.0.3, which is behind the latest release (5.0.0).解决方案：npx create-react-app@5.0.0 项目名
2022-03-29 23:36:38
197
原创 computed和watch的区别
computed和watch的区别computed计算属性，进行逻辑计算比如：name = fistName + secondName在代码里：computed:{ name(){ return this.firstName + this.secondName; }}注：name不用在data中声明name值要return，是返回值name值更新的条件，name依赖的...
2020-03-14 23:08:47
99
原创 vue——计算属性、侦听器的使用
computed计算属性存在缓存，可以提高性能<div id="app">{{fullName}}</div><script>var vm = new Vue({ el:'#app', data:{ firstName:'Tom', lastName:'cat' }, computed:{ fullName:function(){ re...
2019-07-24 17:28:49
106
原创 Vue学习——创建私有组件
方法1直接在vue实例中创建<div id="app"><com></com></div> var vm = new Vue({ el:'#app', data:{ }, components:{ //组件名 com:{ //组件模板 template:'...
2019-06-06 16:11:52
201
原创 Vue学习笔记——组件的创建
方法11.1使用Vue.extend创建全局Vue组件var com1 = Vue.extend({template:html结构//通过template属性，指定要展示的HTML结构})1.2使用Vue.componet(‘组件名’,‘创建的模板对象名’)Vue.componet(‘comFirst’,com1);1.3组件的使用即可展示模板中对应内容注：如果组件名为驼峰格式...
2019-06-05 16:55:06
118
原创 Vue学习笔记——使用animate.css类库完成动画
animate.css里面有很多封装好的效果，链接地址，点击即可跳转直接使用animate.css里动画的方法 <transition enter-active-class="animated animate1" leave-active-class="animated animate2"> <p>hello</p> <...
2019-06-04 22:38:31
688
原创 Vue学习笔记——过渡动画
过渡动画状态图：图片来源：https://cn.vuejs.org/v2/guide/transitions.htmlv-enter:动画开始进入的状态v-enter-to:动画进入完成的状态v-leave:动画开始离开的状态v-leave-to:动画离开完成的状态v-enter-active:动画从开始进入到进入完成这一过程v-leave-active:动画从开始离开到离开完成这...
2019-06-04 16:43:18
168
原创 Vue学习笔记——实现异步加载
Vue实现异步加载，使用的是vue-resource库。get请求this.$http.get(‘url’，options) .then(function1,function2)url为:接口地址options为:可选择参数，可省略function1为:访问成功的函数function2为:访问失败的函数post请求this.$http.post(‘url’,options，配置参数...
2019-06-03 21:40:09
442
原创 Vue学习笔记——生命周期函数
从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！创建过程中生命周期函数beforeCreate:刚刚初始化一个Vue实例，此时data数据和methods 都是不可用的created:实例在内存中以经创建好，data和methods可以在这里面使用beaforeMount:模板已经完成编译，但是具体数据还没挂载到页面上mounted：完成模板编译，...
2019-06-02 23:34:45
131
原创 Vue学习——自定义指令
自定义指令Vue.directive('focus',{//事件实施时间 bind inserted updateinserted:function(el){//js方法el.focus();}})自定义指令使用方法 v-指令名 v-focus
2019-05-31 23:54:40
122
原创 Vue学习笔记——按键修饰符
按键修饰符.enter.tab.deleteesc.space.up.down.left.right自定义按键修饰符//根据按键对应keycode值// 可以使用 `v-on:keyup.f1`Vue.config.keyCodes.f1 = 112新增修饰键.ctrl按下ctrl键和鼠标点击时，才触发事件<!-- Ctrl + Click --&...
2019-05-31 19:02:46
210
原创 ES6字符串新方法
字符串 新方法str.padStart(maxlength,‘str1’);在字符串的开始部分进行填充，maxlength字符串的最大长度，当长度不足时，将str1在开始部分进行填充str.padEnd(maxlength,‘str1’);在字符串的结尾部分进行填充，maxlength字符串的最大长度，当长度不足时，将str1在结尾部分进行填充...
2019-05-31 17:18:54
168
原创 vue 学习笔记———过滤器
vue 学习笔记———过滤器Vue学习第二天作用可自定义的过滤器，用于常见文本的格式化。使用范围差值表达式，v-bind表达式调用格式以name为例，{{name | filterName}}name:要进行过滤的值filterNameation:过滤器名称声明过滤器Vue.filter(filterName,function(){对传入的值进行操作})function...
2019-05-31 11:08:11
122
原创 移动端rem的计算与适配，js方法以及css方法
移动端rem的计算与适配rem：相对于html根元素的字体大小。rem计算方法//根据自己的需求灵活改变所需要的值function getSize(){//height是设计的高度，width是设计的宽度var adjust = { height:1140,width:640}//获取屏幕的宽度和高度var w = window.innerWidth || document.bo...
2019-03-15 16:40:30
513
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人