Vue
文章平均质量分 88
java亮小白1997
纵有千古,横有八荒。前途似海,来日方长。凡心所向,素履所往。生如逆旅,一苇以航。
展开
-
从0开始搭建vue2管理后台基础模板
今日无事,写个demo原创 2022-12-04 23:31:34 · 1311 阅读 · 0 评论 -
vForm快速入门及postMessage通信
vForm快速入门及postMessage通信原创 2022-10-14 19:07:30 · 3701 阅读 · 0 评论 -
Vue笔记【尚品汇项目】
1、vue文件目录分析node_modules: 文件夹:项目依赖文件夹public文件夹: 一般防置一些静态资源(图片),需要注意的,放在public文件夹中的静态资源,webpack进行打包的时候,会原封不动的打包到dist文件夹中.src文件夹(程序员源代码文件夹):assets文件夹: 一般也是防置静态资源(一般防置多个组件共用的静态资源),需要注意,防置assets文件夹里面静态资源,在webpack打包的时候,webpack会把静态资源当做一个模块,打包JS文件里面。compo原创 2022-02-28 19:10:53 · 4379 阅读 · 5 评论 -
Vue3实战总结
1、父传子,实现自定义每页主题2、在使用vant中的indexBar3、接口获值,按需遍历,模糊查询4、返回按钮,数据传递5、轮播图的实现(一)第一步(二)首页轮播图布局<!-- 分类入口 --><div class="foodType"> <ul class="flex foodType_main"> <li class="foodType_item" > <img src="" alt=""> <原创 2021-06-02 17:04:35 · 781 阅读 · 0 评论 -
Vue3.0从入门到一骑绝尘
一、vue3.0介绍Vue3.0支持大多数的Vue2的特性,Vue3中设计了一套强大的composition组合API代替Vue2中的optionAPI,复用性更强大了,对TypeScript有更好的支持。二、创建项目2.1Vue-cli脚手架搭建项目2.2、vite搭建项目Vite是一个web开发构建工具,由于其原生ES模块导入方式,可以实现闪电般的模块热更新;npm init @vitejs/app<项目名>................................原创 2021-04-24 22:59:20 · 3345 阅读 · 1 评论 -
Vue2渐进式框架(七)Vuex
一、Vuex1.1Vuex是什么?Vuex是实现组件全局状态(数据)管理的一种机制,可以方便实现组件之间的数据共享;1.2状态管理?状态: 就是Vue组件中data里面的属性,我们也将叫做数据。管理: 就是对于项目中数据的操作管理。1.3管理什么状态呢?用户的登录状态、地理位置信息、商品的收藏、购物车的物品;二、单界面状态管理2.1具体实现三、多界面状态管理当我们的应用遇到多个组件共享状态的时候,单向数据流的简洁性很容易被破坏;多个视图依赖于同一状态。来自不同视图的行为需要变更原创 2021-04-04 13:42:47 · 264 阅读 · 0 评论 -
Vue2渐进式框架(六)Axios专题【实际开发中如何使用】、服务器搭建
一、为什么选择Axios,原因是什么?1.1Vue发送网络请求有非常多的方式,那么在开发中,如何进行选择呢?二、Axios是什么?Axios是一个基于promies的Http库,可以用在浏览器和node.js中2.1功能特点:(1)支持从浏览器中创建XMLHttpRequests;(2)支持从node.js创建http请求;(3)支持PromiseAPI;(4)能拦截请求和响应;(5)能转换请求数据和响应数据;三、Axios怎么使用?3.1安装npm install axios --s原创 2021-03-28 09:37:13 · 308 阅读 · 0 评论 -
Vue2渐进式框架(五)路由
第十五节15.1Mint UI按照官方文档即可// 引入全部组件import Mint from 'mint-ui';// 引入UI框架的样式import 'mint-ui/lib/style.css'Vue.use(Mint);15.2vue-router是什么①vue-router是WebApp的链接路径管理系统。它和vue.js深度集成的,适合构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。②传统的页面应用是用超链接实现页面切原创 2021-03-28 09:35:29 · 375 阅读 · 0 评论 -
Vue2渐进式框架(四)脚手架/项目创建/Vant/Element框架使用
第十二节12.1vue-cli脚手架1、vue-cli是vue的脚手架,对项目的搭建,打包都很方便;2、在安装Vue-cli之前,首先先安装node,安装node的教程见Node3、安装完成node后安装淘宝镜像和webpack4、由于国内访问速度较慢,建议将NPM源设置为国内的镜像,可以大幅提升安装速度#安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org#安装webpackcnpm install we原创 2021-03-20 10:49:47 · 882 阅读 · 0 评论 -
Vue2渐进式框架(三)
第九节9.1组件命名当注册组件(或者prop)时,可以使用kabab-case(短横线分割命名)、camelCase(驼峰式命名)或PascalCase(单词首字母大写命令)9.2组件中的data组件中的data选项必须是一个函数,返回一个数据对象。为什么需要是一个函数,而不可以像Vue实例是一个对象呢,首先因为组件会被多次复用,而对象是引用数据类型,如果组件数据使用对象的话,那么组件所有的复用都将共享这些数据。9.3templat的使用直接写在选项里的模板,写在template标签里的模板、写原创 2021-03-15 21:57:52 · 431 阅读 · 1 评论 -
Vue2渐进式框架(二)
第六节 自定义指令、过滤器6.1directive自定义指令除了核心功能默认内置的指令v-model和v-show,vue也允许注册自定义指令。全局自定义指令: Vue.directive 局部自定义指令: directives6.1.1完成下面需求需求: 自定义两个指令 1、类似于v-text,但是要转换为大写字母(全局自定义指令) 2、类似于v-text,但是要转换为小写字母(局部自定义指令)<div id="app"> <h1>原创 2021-03-07 16:32:28 · 375 阅读 · 0 评论 -
Vue2渐进式框架(一)
学习路线图第一节1.1 什么是Vue?构建于用户界面的渐进式框架。渐进式的JavaScript框架,主要关注于视图层。渐进式框架: 视图层渲染、组件、路由、状态管理1.2 Vue的特点?简单易学,轻量级框架、灵活。1.3 Vue的安装直接在官网下载Vue.js,使用script标签引入即可;(一)引入方式一<script src="vue.js"></script>(二)引入方式二<script src="https://cdn.jsdelivr.原创 2021-01-28 15:46:17 · 1055 阅读 · 0 评论