今日无事,写个demo
vForm快速入门及postMessage通信
1、vue文件目录分析node_modules: 文件夹:项目依赖文件夹public文件夹: 一般防置一些静态资源(图片),需要注意的,放在public文件夹中的静态资源,webpack进行打包的时候,会原封不动的打包到dist
第十二节12.1vue-cli脚手架1、vue-cli是vue的脚手架,对项目的搭建,打包都很方便;2、在安装Vue-cli之前,首先先安装node,安装node的教程见Node3、安装完成node后安装淘宝镜像和webpack4、由于国内访问速度较慢,建议将NPM源设置为国内的镜像,可以大幅提升安装速度#安装淘宝镜像npm install -g
第十五节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深度集成的,适合构建单页面应用。
一、Vuex1.1Vuex是什么?Vuex是实现组件全局状态(数据)管理的一种机制,可以方便实现组件之间的数据共享;1.2状态管理?状态: 就是Vue组件中data里面的属性,我们也将叫做数据。管理: 就是对于项目中数据的操作管理。1.3管理什么状态呢?用户的登录状态、地理位置信息、商品的收藏、购物车的物品;
1、父传子,实现自定义每页主题2、在使用vant中的indexBar3、接口获值,按需遍历,模糊查询4、返回按钮,数据传递5、轮播图的实现(一)第一步(二)首页轮播图布局<!-- 分类入口 --><div class="foodType"> <ul class="flex foodType_main"> <li class="foodType_item" >
学习路线图第一节1.1 什么是Vue?构建于用户界面的渐进式框架。渐进式的JavaScript框架,主要关注于视图层。渐进式框架: 视图层渲染、组件、路由、状态管理1.2 Vue的特点?简单易学,轻量级框架、灵活。1.3 Vue的安装直接在官网下载Vue.js,使用script标签引入即可;(一)引入方式一<script src="vue.js">
一、为什么选择Axios,原因是什么?1.1Vue发送网络请求有非常多的方式,那么在开发中,如何进行选择呢?二、Axios是什么?Axios是一个基于promies的Http库,可以用在浏览器和node.js中2.1功能特点:(1)支持从浏览器中创建XMLHttpRequests;(2)支持从node.js创建http请求;(3)支持PromiseAPI;
第六节 自定义指令、过滤器6.1directive自定义指令除了核心功能默认内置的指令v-model和v-show,vue也允许注册自定义指令。全局自定义指令: Vue.directive 局部自定义指令: directives6.1.1完成下面需求需求: 自定义两个指令 1、类似于v-text,但是要转换为大写字母(全局自定义指令) 2、类似
第九节9.1组件命名当注册组件(或者prop)时,可以使用kabab-case(短横线分割命名)、camelCase(驼峰式命名)或PascalCase(单词首字母大写命令)9.2组件中的data组件中的data选项必须是一个函数,返回一个数据对象。为什么需要是一个函数,而不可以像Vue实例是一个对象呢,首先因为组件会被多次复用,而对
一、vue3.0介绍Vue3.0支持大多数的Vue2的特性,Vue3中设计了一套强大的composition组合API代替Vue2中的optionAPI,复用性更强大了,对TypeScript有更好的支持。二、创建项目2.1Vue-cli脚手架搭建项目2.2、vite搭建项目Vite是一个web开发构建工具,由于其原生ES模块导入方式,可以实现闪电般的模块热更
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号