Vue
文章平均质量分 79
久醉绕心弦,
人生短短几个秋!
展开
-
Vue (八) vue-cli 脚手架
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供:通过 @vue/cli 实现的交互式的项目脚手架。一个丰富的官方插件集合,集成了前端生态中最好的工具。一套完全图形化的创建和管理 Vue.js 项目的用户界面。安装vue-cli需要node环境 下载地址npm install -g @vue/cli校验安装是否成功:创建项目通过命名行创建:vue create project通过vue ui 图形化界面创建,命令行执行:vue ui执行后会打开一个浏览原创 2021-10-09 10:27:03 · 82 阅读 · 1 评论 -
Vue (七) vue-route路由
1、安装vue-router路由,根据不同的访问路径,返回不同的内容,在页面上有两个部分,一个是点击部分,一个是点击之后显示内容的部分。方式一:使用npm安装安装命令:npm install vue-router在main.js中进行注册import Vue from 'vue' import VueRouter from 'vue-router'Vue.use(VueRouter)方式二:引入全局的 script 标签<script src="https://unpkg.com原创 2021-09-29 17:23:23 · 317 阅读 · 2 评论 -
Vue (六) axios基本用法
Axios 是一个基于 promise(异步实现) 的 HTTP 库,可以用在浏览器和 node.js 中使用,原生的js或者使用jquery来发生请求进行前后端数据交互,代码写起来过于复杂。axios官网链接1、安装axios方式一:使用 npm安装npm install axios方式二:直接通过script全局引用<script src="https://unpkg.com/axios/dist/axios.min.js"></script>2、axios发送原创 2021-09-27 16:22:08 · 920 阅读 · 2 评论 -
Vue (五) 插槽
1、组件中插槽的定义与使用举例如下:往组件el-hello中插入一个标签<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body&原创 2021-09-27 11:00:30 · 235 阅读 · 0 评论 -
Vue 调试工具devtools安装方法
版本:devtools-5.1.1地址:https://pan.baidu.com/s/1BdMSvyuuh525pS5sqHus4Q提取码:2d8g1.解压后在devtools目录下执行:npm installnpm run build2.找到devtools目录下的chrome文件拖动至谷歌浏览器扩展程序中原创 2021-09-26 17:22:04 · 115 阅读 · 0 评论 -
Vue (四) 组件化开发
组件注册和使用1. 注册全局组件使用全局的Vue直接注册:Vue.component,组件中的模板需定义在template中,通过自己定义的组件名称来调用。如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.j原创 2021-09-24 14:00:35 · 112 阅读 · 0 评论 -
Vue (三) 生命周期--钩子函数
生命周期Vue官网生命周期的描述钩子函数1. beforeCreate创建Vue实例化之前所调用的函数<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <原创 2021-09-24 11:04:01 · 507 阅读 · 0 评论 -
Vue (二) 高级特性
1、修饰符1.事件修饰符:stop:阻止冒泡(事件冒泡:点击子元素,事件会一级一级冒泡到父元素)举例:如下当点击子元素“按钮1”时会调用work1方法,还会冒泡到父元素并触发work方法<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vu原创 2021-09-23 12:51:38 · 168 阅读 · 0 评论 -
VUE (一) 基本语法
简介Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。1、安装vue方式一:直接使用script标签引入<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>方式原创 2021-09-18 14:31:48 · 343 阅读 · 0 评论