vue
文章平均质量分 75
噎
这个作者很懒,什么都没留下…
展开
-
vue个人学习总结——vue-router与vuex
vue-router vuexvue-routervuexvue-router一般作用于vue单页面应用,通过url与组件配合进行一般与vue-cli配合,模块化分层构建应用html<!-- 使用 router-link 组件来导航. --><!-- 通过传入 `to` 属性指定链接. --><!-- <router-link> 默认会被渲染成一个 `<a>` 标签 --><!-- to='/foo'会跳转对原创 2020-11-18 17:53:53 · 239 阅读 · 0 评论 -
vue个人学习总结——vue动画
vue动画Vue 提供了 transition 的封装组件,在下列情形中,可以给任何元素和组件添加进入/离开过渡条件渲染 (使用 v-if)条件展示 (使用 v-show)动态组件组件根节点// 例子<div id="demo"> <button v-on:click="show = !show"> Toggle </button> <transition name="fade"> <p v原创 2020-11-18 17:47:44 · 109 阅读 · 0 评论 -
vue个人学习基础总结(二)
vue基础总结(续)vue的响应式原理Vue的数据响应主要是依赖了原生的Object.defineProperty()vue文档当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,Vue 将遍历此对象所有的 property,并使用 Object.defineProperty 把这些 property 全部转为 getter/setter。即vue的实例data的所有property都会利用原生的Object.defineProperty绑定上gette原创 2020-11-18 17:30:40 · 150 阅读 · 0 评论 -
vue个人学习基础总结(入门)
vue基础总结vue基本使用安装直接下载引入,作为全局变量<script src="./js/vue.js"></script>vue是什么基于ES5的用于构建用户界面的渐进式框架vue实例通过new Vue创建实例var vm = new Vue({ //opinons data:..., })当实例被创建时就已经存在于 data 中的 property 才是响应式的,晚些需要用到的数据可以设置初始值为nu原创 2020-11-18 16:56:37 · 588 阅读 · 0 评论