2019-5 vue记录

keep-alive 标签包裹缓存
transition 过渡效果 标签嵌套 指定name 可以自定义name 写css name-enter-active,leave-active
is实现动态组件

子组件向父组件通过触发一个事件 emit
插槽在组件 里 slot
子组件里slot接受

看到第六章

学习 定制计划 -- vue
npm run build 生成部署用的文件 压缩 在dist下static下
--save 保存到package
--save-dev 保存到开发环境下
vue.use
npm install vuex --save

------编译打包上线 需要在根目录下创建文件prod.end.js

vue-cli默认开启eslint检查语法,比较严格

1》 config/index.js   dev对象中,把useEslint的值改为false;

        
2》文件头部加一个 /*eslint-disable*/


<script type="text/javascript" src="http://api.map.baidu.com/api?
v=2.0&ak=SyRux96r0i0Xue1Qqp0ZPb4uCc8BC6Aw"></script> 
百度地图密匙

vuex是什么? 所有组件状态数据放在一个空间管理
sass lorder引入问题 webpack配置别名问题 m-header里头部未完善
从qq音乐抓取数据

音乐请求地址与视频不一

所有开发的代码都是基于src目录
api后端请求代码 ajax axios
文件夹下有.giekeep文件 目录为空的情况下 文件夹还会上传到github
common 静态文件 图片icon
components 组件
store vuex
入口 main.js

<style lang="scss" scoped="" type="text/css"></style>

vue list
dependencies --save 运行时需要
devDependencies --save-dev 开发时需要
fastclick.attach(document.body) body下整个点击没有300延迟

import MHeader 与 vue组件里类名一致

./文件夹 如果没有配置别名 必须./
router-link 标签 在选中的时候 会自动给整个标签添加一个 router-link-active的class 你可以根据这个class 设置他的样式。 如
果再选中 其他的。 这个class 就会消失 。 从而样式也就会消失


vue2.0小案例 》》》 小案例 中案例 电商体系 音乐盒
npm install -g vue-cli
vue init webpack vuedemo

npm install
npm run dev

试验引入组件

父传子 props 以字符串形式
子传父 四种 父 注册 events 注册

vue-music: 运行服务端命令 npm run serve

看到8

porps父子组件传值

computed
$watch 监听对象
1.methods里面定义的是函数,你显然需要像"fuc()"这样去调用它(假设函数为fuc)
2.computed是计算属性,事实上和和data对象里的数据属性是同一类的(使用上),
但watch和computed也有明显不同的地方:
watch和computed各自处理的数据关系场景不同
1.watch擅长处理的场景:一个数据影响多个数据
2.computed擅长处理的场景:一个数据受多个数据影响

lazy number lazy:使用了这个修饰符将会从“input事件”变成change事件进行同步

Vue.partial 1.0方法

<input type="checkbox" v-model="toggle" v-bind:true-value="a" v-bind:false-value="b">
    <br>
    <pre>{{  toggle }}</pre>

<input v-model="msg" debounce="2500"> {{msg}}<h3>第一次文字框,会延时几秒钟才会绑定</h3>

.sync和.once修饰符

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,384评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,845评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,148评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,640评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,731评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,712评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,703评论 3 415
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,473评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,915评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,227评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,384评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,063评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,706评论 3 324
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,302评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,531评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,321评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,248评论 2 352

推荐阅读更多精彩内容

  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 2,080评论 0 2
  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 7,206评论 0 25
  • Vue-Music 一| 前期工作 1.项目初始化 npm install -g vue-cli vue init...
    noobakong阅读 1,828评论 0 5
  • 响应式布局的理解 响应式开发目的是一套代码可以在多种终端运行,适应不同屏幕的大小,其原理是运用媒体查询,在不同屏幕...
    懒猫_6500阅读 782评论 0 0
  • 漫画与幽默 ——读埃•奥•卜劳恩漫画《父与子》...
    秦沐阳阅读 879评论 4 3