vue
文章平均质量分 60
恨劫
这个作者很懒,什么都没留下…
展开
-
vue+ElementUI
13.1 创建项目创建vue# 初始化vue项目vue init webpack hello-vuecd hello-vue# 安装vue-routernpm install vue-router --save-dev# 安装element-uinpm i element-ui -S# 安装所有依赖npm install# 依赖安装报错,执行npm audit fix# 安装 SASS 加载器cnpm install sass-loader node-sass --save-原创 2021-04-16 20:27:20 · 1441 阅读 · 0 评论 -
vue-router
什么是vue-router是官方指定的路由管理器,它和Vue.js 的核心深度集成,让构建单页面应用变得简单。包含的功能:嵌套的路由/视图表。模块化的,基于组件的路由配置。路由参数,查询,通配符。基于Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 链接HTML5 历史模式或hash模式,在IE9中自动降级自定义的滚动条行为12.1 安装与基本配置安装 vue-routernpm install vue-router --save-.原创 2021-04-16 20:26:30 · 75 阅读 · 0 评论 -
vue-cli
10.1 vue-cli 简介vue-cli 是官方提供的一个脚手架,可以快速生成vue的项目模板主要功能:统一的目录结构本地调试热部署单元测试集成打包上线10.2 环境搭建Node.js:http://nodejs.cn/download一直下一步,安装自己的目录下确认 Node.js 安装成功node -v 查看版本号npm -v 查看版本号npm 是一个软件包管理工具,和Linux下的apt软件安装类似。安装 Node.js 淘宝镜像加速器(cnp原创 2021-04-16 20:25:17 · 163 阅读 · 0 评论 -
自定义组件
vue对象实现数据删除 var vue = new Vue({ el: "#app", data: { titledata: '恨劫的博客', henjieitems: ['JavaSE','JavaEE','JavaME'] }, methods: { removeItems: function (index){ this.he.原创 2021-04-16 20:24:28 · 59 阅读 · 0 评论 -
Axios
什么是Axios?一个可以用在浏览器端和NodeJS的异步通信框架,主要作用就是实现Ajax异步通信。官方网站:http://www.axios-js.comAxios 功能特点从浏览器中创建XMLHttpRequests。从nodejs创建Http请求。支持Promise API拦截请求和响应。转换请求数据和响应数据取消请求自动转换JSON数据客户端支持防御XSRF(跨站请求伪造)代码实现-显示全部JSON数据<div id="vue"><.原创 2021-04-16 20:23:40 · 226 阅读 · 0 评论 -
插槽-slot
什么是插槽在 vue.js 中 我们使用<slot>作为承载分发内容的出口,称其为插槽,可以应用在组合场景中之前的HTML代码<div> <h1>标题</h1> <ul> <li>JavaSE</li> <li>JavaEE</li> <li>JavaME</li> </ul>&.原创 2021-04-16 20:22:23 · 86 阅读 · 0 评论 -
计算属性
什么是计算属性?计算属性的重点突出在属性上,首先它是一个属性,其次这个属性有计算的能力,计算指的就是函数;它是一个能将计算的结果缓存的属性(将行为转化成了静态的属性)----》可以理解成缓存是vue的一个特性代码实现<div id="app"> <p>getDate1-methods: {{getDate1()}}</p> <!--调用普通方法,方法名必须加括号调用--> <p>getDate1-computed:.原创 2021-04-16 20:21:37 · 150 阅读 · 0 评论 -
关于在IDEA新建中无法找到VUE组件的问题
IDEA 添加VUE插件解决IDEA新建无法创建vue文件的问题插件添加后,发现新建项目并无vue的创建模板。1、文件–>设置–>编辑器–>File and Code Templates。2、选中“+”,找到Vue Single File Component,点击复制按钮,选单底部出现Copy of Vue File Component3、修改Name为Vue Component。4、在代码模板中将原 name: “COMPONENTNAME"修改为name:".原创 2021-04-16 20:20:51 · 2628 阅读 · 1 评论 -
vue简述
1.1 MVVM 概述什么是MVVM?MVVM (Model-View-ViewModel) 是一种软件架构模式,是一种简化用户界面的事件驱动编程方式。MVVM 源自于后端的MVC架构,MVVM 的核心是 ViewModel层,负责转换 Model 中的数据对象来让数据变得更容易管理和使用。MVVM 作用ViewModel 层向上与视图层进行双向的数据绑定。向下与Model 层通过接口请求进行数据交互。双向数据绑定:类似于Ajax,视图层可以动态的改变Model中的数据,Mo原创 2021-04-16 20:19:27 · 247 阅读 · 0 评论