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修饰符
网友评论