vue 学习笔记

1. Class 与 Style 绑定 :class :style</h2>
绑定以后可以在method中动态调整style，例如首页背景的变化。
2. css .slide 表示滑动
.slide .opacity-full:after{
opacity: 1; /*滑动效果*/
} 滑动过渡后，添加透明度效果，相当于监听slide
3. 一般的样式
.main-nav
.main-nav ul
.main-nav li
.main-nav li a 前三个描述区域，最后一个是文字。 父标签对文字的描写无效。
4. <router-view/> 往往起到跳转嵌套子路由的作用
watch: {
$route (to, from) 监听路由变换，一旦变换执行函数。。
5.router-link :to=""跳转路由，相当于:href
router.beforeEach((to, from, next) 钩子函数
to：进入到哪个路由去
from：从哪个路由离开
next：路由的控制参数，常用的有next(true)和next(false) next()表示继续进入，next({ name: 'login'}) 表示跳转到login页面
window.scrollTo(0, 0); 将内容滚到指定坐标(0,0)，即打开页面位于顶部
vue导航守卫
Vue.beforeEach(function(to,form,next){}) /*在跳转之前执行*/
Vue.afterEach(function(to,form))/*在跳转之后判断*/
vue里面提供了三大类钩子
1、全局钩子
某个路由的钩子
组件内钩子
6. setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
vue 还可以利用.newInstance隐式创建实例
Vue.use（）vue在使用插件时一般需要install才能使用
el: '#app', 提供一个已存在的dom元素作为vue实例的挂载目标。而局部组件为 components: { App },
实际上，main.js作用是app.vue中的模板内容 <div id="app" >替换掉index.html中div="app"中的内容（其实应该说：1.渲染<div id="app">元素，2.移除该dom元素并渲染出app.vue中的模板，样式什么的，也是用app.vue里面的）
7. 父组件监控子组件状态
v-on:slidechange="headSilde"
其中，子组件this.$emit('slidechange', );
父：headSilde (data) {
this.headCoverSilde = data;
},
其中v-on: 可简写为@

8. process

在node中，有全局变量process表示的是当前的node进程。process.env包含着关于系统环境的信息。但是process.env中并不存在NODE_ENV这个东西。NODE_ENV是用户一个自定义的变量，在webpack中它的用途是判断生产环境或开发环境的依据的。

//注册路由

export default new Router

 

Promise意在让异步代码变得干净和直观，让异步代码变得井然有序。
Promise在设计上具有原子性，即只有三种状态：等待（Pending）、成功（Fulfilled）、失败（Rejected）。

Promise对象要求传入一个函数，并带有resolve和reject参数。这是两个用于结束Promise等待的函数，对应的状态分别是成功和失败。