随笔分类 -  Vue

Vue学习
（7）Vue基础6-Vuex
摘要：Vuex是一套组件状态管理维护的解决方案。形象的说有一个商店用来存储各个组件的数据，每个组件可以从商店中获取数据，避免组件间传值的困难。 注意：在实例化vue的内容中，想要在DOM结构中获取，一般是通过$name获取的，如$el、$data。 （1）使用：Vuex的使用可以直接通过script标签直 阅读全文
posted @ 2020-12-19 19:16 壹碗 阅读(127) 评论(0) 推荐(0)
（0）Vue环境搭建
摘要：（1）安装Node.js和NPM包管理器 下载node.js安装包（官网可下），选择默认的安装方式即可。 安装完成后，重新打开cmd窗口， node - v 和 npm -v 出现版本信息就表明已经安装成功。 node的默认安装路径是c:/program Files/node.js文件夹。 （2）v 阅读全文
posted @ 2020-11-25 17:44 壹碗 阅读(123) 评论(0) 推荐(0)
（6）Vue基础5-路由vue-router
摘要：Vue 的路由 （1）初识路由 路由机制分为前端路由和后端路由，前端路由常用的为hash和histoy模式。 学习vue-router前，搜先要了解三个基本概念：route、routes、router route 表示一条路由，单数形式 routes 表示一组路由，把route的每一条路由组合起来， 阅读全文
posted @ 2020-11-22 19:21 壹碗 阅读(159) 评论(0) 推荐(0)
（5）Vue基础4
摘要：Vue过渡和动画 前沿：过渡从一个状态向另一个状态变化的过程；动画是与过渡非常相似，只不过动画控制的过程更加细腻，更加精准。 过渡和动画基础 （一）过渡 （1）Vue为<transition>标签内部的元素提供3个进入过渡的类和3个离开的过渡的类。 v-enter 进度过渡的开始状态，作用于开始的第 阅读全文
posted @ 2020-11-21 17:32 壹碗 阅读(366) 评论(0) 推荐(0)
（4）vue基础3
摘要：（1）全局API（提供的一些方法） Vue.directive 用来注册自定义指令，为DOM元素添加新的属性 Vue.use Vue.extend 用于基于Vue构造器创建一个Vue的子类，可以对Vue构造器进行扩展。 Vue.set vue的核心是具有一套响应式系统，简单来说就是通过监听器监听数据 阅读全文
posted @ 2020-10-23 11:32 壹碗 阅读(296) 评论(0) 推荐(0)
（3）vue基础2
摘要：（3）事件 对于指定元素，使用v-on绑定事件，v-on可简写成@。 按键修饰符，一般直接写按键的名称。 事件修饰符 .stop：默认事件的传递方式是冒泡，同一事件会在元素内部和外部触发，有时可能会造成事件的错误发生，需要用.stop修饰符阻止事件冒泡。 Html标签具有自身特性，例如<a>标签在单 阅读全文
posted @ 2020-10-21 21:58 壹碗 阅读(185) 评论(0) 推荐(0)
（2）vue基础
摘要：（1）vue实例 通过new关键字实例化Vue({})构造函数，里面可以传入参数 methods选项用来定义方法，通过vue实例可以直接访问。在定义的方法中，this指向vue实例本身。定义在methods选项中的方法可以作为页面中的事件处理函数使用，当事件触发后，执行相应的事件处理函数。 comp 阅读全文
posted @ 2020-10-15 09:06 壹碗 阅读(208) 评论(0) 推荐(0)
（1）Vue入门
摘要：JQuery和Vue都是非常优秀的JS库，其中，JQuery操作的为真实的DOM结构，但对于Vue操作的为虚拟的DOM结构。 （1）虚拟的DOM结构可以提高浏览器的渲染速度，对比操作JS对象，操作真实的DOM结构消耗的性能更多。 （2）虚拟dom的实现步骤： 页面首次渲染时，将要渲染的数据全部加载到 阅读全文
posted @ 2020-10-14 20:51 壹碗 阅读(117) 评论(0) 推荐(0)