vue
vue
zyueer
这个作者很懒,什么都没留下…
展开
-
Vue_路由
引言前端,主要通过 URL中的hash(#号)来实现不同页面之间的切换。----HTTP请求中不会包含hash相关内容, 所有,前端页面跳转主要用 hash实现。(单页面应用程序)在Vue中使用 vue-router第一步:导入 vue-router 组件类库第二步:使用 组件来导航第三步:使用 组件来显示第四步:使用Vue.extend创建组件第五步:创建路由实例第六步:定义...原创 2020-04-08 11:10:49 · 78 阅读 · 0 评论 -
Vue_路由进阶
导航守卫路由元信息过渡动效在导航完成前 获取数据滚动行为路由 懒加载Vue Router官址原创 2020-04-08 11:05:35 · 67 阅读 · 0 评论 -
Vue_Router安装
直接下载 / CDNNPM 发布的最新版本 :https://unpkg.com/vue-router/dist/vue-router.jsNPMnpm install vue-routerimport Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)资源https://github.com/...原创 2020-04-07 19:06:15 · 147 阅读 · 0 评论 -
Vue_组件基础总结
组件名两种方式: kebab-case 和 PascalCase。 也就是说 my-component-name 和 MyComponentName 都是可接受的。prop两种方式: (kebab-case 和 camelCase)。类型(8个): Number Boolean String Symbol ,还有Array Object Function Da...原创 2020-04-03 17:07:50 · 168 阅读 · 0 评论 -
Vue_过渡&动画transition用法
简介Vue 提供了 transition 的封装组件。过渡的类名在进入/离开的过渡中,会有 6 个 class 切换。v-enter:进入过渡–开始。v-enter-active:进入过渡–生效时。这个类可以被用来定义进入过渡的过程时间,延迟和曲线函数。v-enter-to:进入过渡–结束状态。v-leave:离开过渡–开始。v-leave-active:离开...原创 2020-04-02 14:28:02 · 694 阅读 · 0 评论 -
Vue_监听属性watch【deep,immediate】
immediate这样使用watch时有一个特点,就是当值第一次绑定的时候,不会执行监听函数,只有值发生改变才会执行。如果我们需要在最初绑定值的时候也执行函数,则就需要用到immediate属性。比如当父组件向子组件动态传值时,子组件props首次获取到父组件传来的默认值时,也需要执行函数,此时就需要将immediate设为true。deep当需要监听一个对象的改变时,普通的watch方法...原创 2020-04-01 16:00:38 · 200 阅读 · 0 评论 -
Vue事件修饰符_.stop .capture
简介Vue提供了事件绑定的语法糖。stop是阻止事件传递,capture是在捕获的过程监听,没有capture修饰符时都是默认冒泡过程监听。冒泡与捕获首先我们需要形成监听器的思想。在不使用任何框架的情况下,我们在js中通过addEventListener方法给Dom添加事件监听,这个方法直译就是添加事件监听器。我们对Dom的操作事件会从最外面的祖先Dom逐步传递到目标Dom(捕获过程),然...原创 2020-04-01 11:30:55 · 559 阅读 · 0 评论 -
Vue_计算属性computed【getter和setter的一些思考】
简单介绍在 Vue 中,computed 的属性可以被视为是 data 一样,可以读取和设值,因此在 computed 中可以分成 getter(读取) 和 setter(设值),一般情况下是没有 setter 的,computed 预设只有 getter ,也就是只能读取,不能改变设值。vue.js计算属性默认只有 getter,因为是默认值所以我们也常常省略不写,如下代码:计算属性ge...原创 2020-04-01 15:27:41 · 920 阅读 · 0 评论