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等待的函数,对应的状态分别是成功和失败。 

posted @ 2020-06-22 11:17  不雨  阅读(153)  评论(0编辑  收藏  举报