F5_VUE框架
VUE框架
少年西西
这个作者很懒,什么都没留下…
展开
-
Element-ui
1.简介element-ui 是饿了么前端出品的基于 Vue.js的 后台组件库,方便程序员进行页面快速布局和构建官网: http://element-cn.eleme.io/#/zh-CN 2.举例1.创建一个新的Vue-cli工程注意:命令行都要使用管理员模式运行vue init webpack hello-vue2.安装依赖,我们需要安装vue-router、element-ui、sass-loader和node-sass四个插件# 进入工程目录cd hello-vue# 安装原创 2020-12-26 23:21:29 · 3344 阅读 · 0 评论 -
vue-router路由
1.说明Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反 掌。包含的功能有:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式,在 IE9 中自动降级自定义的滚动条行为2.安装基于第一个 vue-cli 进行测试学习;先查看node_modules中是否存在原创 2020-12-26 16:10:21 · 134 阅读 · 0 评论 -
Webpack学习
安装webpack安装:npm install webpack -gnpm install webpack-cli -g安装慢的话,执行命令npm install - -registry=https://registry.npm.taobao.org再安装测试安装成功:webpack -vwebpack-cli -v使用webpack1.创建一个空文件夹,再用idea(用管理员权限)打开2.创建一个名为modules的目录,用于放置JS模块等资源文件...原创 2020-12-25 22:42:46 · 132 阅读 · 0 评论 -
Vue-cli安装及使用
1.什么是vue-clivue-cli 官方提供的一个脚手架,用于快速生成一个 vue 的项目模板 ;预先定义好的目录结构及基础代码,就好比咱们在创建 Maven 项目时可以选择创建一个骨架项目,这 个骨架项目就是脚手架,我们的开发更加的快速;主要的功能 :统一的目录结构本地调试热部署单元测试集成打包上线需要的环境Node.js: https://nodejs.org/zh-cn/download/下载完,安装时除了放置位置可以选择,其它无脑下一步即可Git: htt原创 2020-12-24 23:02:47 · 5394 阅读 · 2 评论 -
Vue计算属性和插槽
1.计算属性计算属性的重点突出在 属性 两个字上(属性是名词),首先它是个 属性 其次这个属性有 计 算 的能力(计算是动词),这里的 计算 就是个函数;简单点说,它就是一个能够将计算结果缓存 起来的属性(将行为转化成了静态的属性),仅此而已;可以想象为缓存<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&g原创 2020-12-22 21:11:09 · 350 阅读 · 1 评论 -
vue里的组件
1.什么是组件组件是可复用的 Vue 实例,说白了就是一组可以重复使用的模板,跟 JSTL 的自定义标签、 Thymeleaf 的 th:fragment 等框架有着异曲同工之妙。通常一个应用会以一棵嵌套的组件树的形式 来组织:例如,你可能会有页头、侧边栏、内容区等组件,每个组件又包含了其它的像导航链接、博文之类的组 件。2.第一个 Vue 组件注意:在实际开发中,我们并不会用以下方式开发组件,以下方法只是为了让大家理解什么是组件。使用 Vue.component() 方法注册组件...原创 2020-12-22 19:49:06 · 143 阅读 · 1 评论 -
vue中Axios异步通信
1.什么是AxiosAxios 是一个开源的可以用在浏览器端和 NodeJS 的异步通信框架,她的主要作用就是实现 AJAX 异 步通信,其功能特点如下:从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API [ JS中链式编程 ]拦截请求和响应转换请求数据和响应数据取消请求自动转换JSON 数据客户端支持防御 XSRF(跨站请求伪造)GitHub: https://github.com/axios/axios 中文文档:原创 2020-12-22 16:23:45 · 340 阅读 · 0 评论 -
vue的基础语法(实现元素赋值,循环,判断,以及事件响应)
1、v-bind用 v-bind 来绑定元素特性!<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"> <title>Title</title></head><!--引入vue.js--><script src原创 2020-12-21 16:01:46 · 3233 阅读 · 0 评论 -
MVVM模式与第一个Vue程序
1.什么是MVVM模式?MVVM(Model-View-ViewModel)是一种软件架构设计模式,由微软 WPF(用于替代 WinForm,以 前就是用这个技术开发桌面应用程序的)和 Silverlight(类似于 Java Applet,简单点说就是在浏览器上 运行的 WPF) 的架构师 Ken Cooper 和 Ted Peters 开发,是一种简化用户界面的事件驱动编程方式。 由 John Gossman(同样也是 WPF 和 Silverlight 的架构师)于 2005 年在他的博客上发表。原创 2020-12-20 15:01:28 · 185 阅读 · 1 评论
分享