vue中的 事件修饰符.prevent的使用---阻止事件的默认行为
vue中的事件修饰符.prevent的使用事件修饰符.prevent作用:阻止事件的默认行为<div id="app"><!-- vue中的 事...
vue中 .sync的使用---子组件更新父组件数据
vue中 .sync的使用vue2.3.0+新增的.sync修饰符vue修饰符sync的功能是:当一个子组件改变了一个prop的值时,这个变化也会同步到父组件中所绑定。子组件更新父组件数据。.sync...
13-vuex数据仓库--module模块化开发--辅助函数mapState, mapGetters, mapMutations, mapActions
vuex数据仓库--module模块化开发--辅助函数mapState,mapGetters,mapMutations,mapActions ...
12-vuex数据管理(数据仓库)--module模块化开发
vuex数据管理(数据仓库)--module模块化开发vuex中的模块(module)由于使用单一状态树,应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时,store对象就有可能变得相当臃肿。为了解决以上问...
11-vuex数据仓库
Vuex是一个专为Vue.js应用程序开发的(数据的)状态管理模式。Vuex采用“集中式存储管理”方式去管理数据,把这些数据 应用到所有组件上!!!vuex就是仓库---数据仓库--这个数据仓库...
10-vue-axios异步实现数据获取
axios是什么axios是"一个基于promise的发送http请求的"一个工具库,可以用在浏览器和node.js中。特点axios是一个“异步请求”技术支持PromiseAPI拦截请求和响应。...
9-vue-router路由
一、vue的安装和使用路由路由是以插件的形式引入到我们的vue项目中来的。vue-router路由插件是vue的核心插件1.下载cnpminstallvue-router-S或cnpmivue-router...
8-5-vue组件插槽、作用域插槽
插槽组件里的slot作用:slot:位置、卡槽,主要用于占位置。1、单个slot的情况,可以默认给个默认的情况,然后组件里面没有其他元素就显示默认情况;如果有其他元素就显示元素情况。2、多个slot的情况,得区分谁是谁的...
8-4-vue组件间通信
父子组件的通信(通讯)(组件的通信是vue核心之一) 组件是vue的核心,组件的通信是vue的核心的核心。通信:数据的“动态的实时的”传递。通信(访问)---一定是 能拿到对方的东西(...
9-1-vue项目结构和vue文件创建及访问
vue项目结构下面的目录结构是基于webpack构建的vue项目的目录结构vuevue文件创建及访问一、创建vue文件XXX.vue组件文件,构成:1视图层<template></template>...
9-1-通过webpack构建vue初始化项目
webpack搭建vue项目流程一、安装node二、安装vue脚手架构建工具,命令行输入 npminstall–g@vue/cli三、安装webpack通过npm或cnpm安装webpack模块化打...
9-1-vue create~~初始化项目
vuecreate~~初始化项目执行命令:vuecreateliuchuanqi 键盘上下键选择,选择自己需要的特性(上下键移动键,空格键是否选中,a键切换选择所有,i键反转选择选项)()Bab...
9-1-使用vuecli工程开发-组件,安装vuecli脚手架构建工具(vuecli脚手架的全局安装)
安装vuecli脚手架构建工具一、node安装(1)如果不确定自己是否安装了node,可以在命令行工具内执行:node-v (检查一下版本);(2)如果执行结果显示:xx不是内部命令,说明你还没...