vue
小爱2
这个作者很懒,什么都没留下…
展开
-
如何搭建一个vue项目
1 nodejs安装及环境变量配置下载地址为:https://nodejs.org/en///查看版本node -v//v12.16.0npm -v//6.13.42 安装vue脚手架npm install -g @vue/cli 3 初始化前端工程vue create sport-iuicd sport-iuinpm run serve //启动工程浏览器访问:http://localhost:8080开发工具vscodevue插件Vetur —— 语法高亮、智原创 2022-04-09 20:50:30 · 87 阅读 · 0 评论 -
vue-study
1、基础知识2、生态系统vue + vue-router + vuex工具DevtoolsVue CLI核心插件: vue router vuex vue 服务端渲染2.1 vue-routerVue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变...原创 2019-08-09 14:10:07 · 198 阅读 · 0 评论 -
vue去哪儿项目总结
1、移动端300ms点击延迟问题在移动端web中会遇到300ms点击延迟的问题,这个时候可以使用fastclick来解决这个问题。引入fastclikcimport FastClick from 'fastclick'使用fastclickFastClick.attach(document.body)2、注意当网速过慢的时候获取资源导致的页面抖动问题如果网速过慢。比如一个dom中...转载 2019-04-23 09:25:22 · 204 阅读 · 0 评论 -
去哪网学习笔记(3)动画
1.Vue 中的 css 动画(也叫做过渡动画) transation 会依次给 child 添加 css 样式。第一帧 fade-enter fade-enter-active 第二帧fade-enterfade-enter-to 最后一帧fade-enter-active fade-enter-to 里面的关键原理就是使用css transation 来实现的。2.掌握用@keyframes...转载 2019-04-23 09:29:59 · 100 阅读 · 0 评论 -
学习Vue实现去哪儿网(上)-----基础知识总结
第一部分基础知识学习:(1)vue挂载渲染基础;(2)生命周期;(3)计算,方法与监听;computed中get与set;(4)vue进行样式渲染:<1>class的对象(true or false)或数组绑定;<2>style的绑定数组数据(data中定义styleobj用于样式绑定改变)(5)vue的条件渲染:v-if(不渲染);v-show(渲染而不显示)...转载 2019-04-23 09:32:55 · 158 阅读 · 0 评论 -
Vue去哪网学习笔记(2)
组件使用的细节点1.注意点1. 根据HTML5的规范,tbody里面必须跟tr,否则不能正常解析。下图中的代码会编译错误,因为tbody后面直接跟了我们定义的模板,而不是tr标签.,那么如何解决这个小"bug"呢?解决方案如下:在tbody标签下面加上tr标签,同时,在tr标签里添加 is 属性来指定我们定义的组件,这样既符合了HTML5规范,又满足了我们的需求,具体做法如下,其中,r...转载 2019-04-23 09:30:14 · 106 阅读 · 0 评论 -
Vue去哪网学习笔记(1)
1.Vue中每一个组件就是一个vue实例。2.生命周期函数就是Vue实例在某一个时间点自动执行的函数。注意:Vue的生命周期函数写在Vue实例里,而不是methods里面。**3.模板语法1. 插值表达式: {{ }}2. v-text 等价于 {{name}} 其中name是在data中定义的变量。**3. v-htmlv-html 和 v-text的区别是如果在...转载 2019-04-23 09:30:27 · 140 阅读 · 0 评论