![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
LFLZBZM
这个作者很懒,什么都没留下…
展开
-
vue-Router
基本使用步骤 1.引入相关的库文件(vue和vue-Router) 2.添加路由链接 <router-link to="/login">点我就跳转到登录页</router-link> 3.定义路由组件(写/login登录页的页面 Login.vue) 4.添加路由填充位,也叫占位符 <router-view></router-view> 5.创建路由实例并配置路由规则 var router = new VueRouter ({ routes: {原创 2020-05-10 09:11:13 · 173 阅读 · 0 评论 -
Element-ui
简介 是一套基于 vue 2.0 的桌面端组件库 https://element.eleme.cn/#/zh-CN 使用方法 1.基于命令行方式手动安装 (1)安装依赖包 (2)导入Element-UI相关资源 //1.安装依赖包 npm i element-ui -S //2.导入Element-UI相关资源 //导入组件库 import ElementUI from 'element-ui' //导入组件相关样式 import 'element-ui/lib/theme-chalk/index.css原创 2020-05-10 08:27:10 · 256 阅读 · 0 评论 -
vue-cli
安装脚手架vue-cli 全局安装,只要安装一次,以后都不需再安装。 在安装前必须先安装了node.js //在命令行输入 npm install -g @vue/cli 用脚手架vue-cli创建项目 1.基于交互式命令行的方式,创建vue新项目 //在命令行输入 vue create 项目名称 2.基于图形化界面的方式,创建vue新项目 vue ui 3.基于2.x旧模板的方式,创建vue旧项目 npm install -g @vue/cli-init vue init webpack 项目名称 脚手架原创 2020-05-10 07:51:13 · 154 阅读 · 0 评论 -
git 与 GitHub
git ( git status )查看状态 ( git branch ) 查看分支 ( git add . ) 将修改的文件提交到暂存区 ( git checkout 分支名称 ) 切换分支 ( git checkout -b 分支名称 ) 新建分支并切换到该分支 ( git commit -m 首次提交 ) 本地提交 ( git push 远程仓库地址 分支名称 ) 将本地仓库推送至远程仓库 ( git remote add 远程仓库地址别名 远程仓库地址 )为远程仓库起别名 ( git原创 2020-05-09 18:03:44 · 149 阅读 · 0 评论 -
vue前后端交互(Promise、fetch、axios、async/await)
前后端交互模式 1.接口调用方式 原生ajax 基于jQuery的ajax fetch axios 2.URL (1)传统的URL 协议://域名或IP地址:端口号/路径?参数#锚点 (2)Restful形式的URL HTTP请求方式: get 查询 post 添加 put 修改 delete 删除 Promise 概述 Promise是异步编程的一种解决方案, 从语法上讲,Promise是一个对象,从它可以获取异步操作的消息。 使用Promise的好处 可以避免回调地狱(多层异步调用嵌套问题) P原创 2020-05-09 11:31:05 · 388 阅读 · 0 评论 -
vue组件化(组件注册、组件间数据交互、组件插槽)
全局组件注册 语法: Vue.component('组件名称', { data: 组件数据, template: 组件模板内容 }) 实例: Vue.component('button-counter', { data(){ return { count:0 } }, template: `<button @click="count++">...原创 2020-05-08 13:49:59 · 151 阅读 · 0 评论 -
vue常见特性(自定义指令、计算属性、过滤器、侦听器、生命周期)
自定义指令 内置指令不能满足需求,所以需要自定义指令。 语法: Vue.directive('指令名称',{ bind: function(){}, inserted: function(){}, updated: function(){} }) 实例: Vue.directive('focus',{ inserted: function(el){ el.focus(); ...原创 2020-05-08 12:04:10 · 197 阅读 · 0 评论 -
Vuex(State, Mutations, Actions, Getters)
vuex 核心概念 State Mutation Action Getter 一、State State提供唯一的公共数据源,所有共享的数据都存放到store的State中进行存储 export default new Vuex.Store({ state: { list: [] }, mutations: { r...原创 2020-05-08 08:29:34 · 133 阅读 · 1 评论 -
vue指令
一、vue指令 v-cloak //用法 //1.提供样式 [v-cloak]{ display:none } //2.在插值表达式所在的标签中添加v-cloak指令 <p v-cloak> {{message}} </p> v-text 填充纯文本 v-html 填充html片段 v-pre 填充原始信息 v-once 只编译一次,显示内容之后不再具有响应功能 v-m...原创 2020-05-08 09:38:20 · 114 阅读 · 0 评论