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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

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