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修饰符