Vue
关注
分享
扫一扫
文章平均质量分 66
wyqgg123
知易行难
展开
-
安装vue-cli问题及解决方案
安装vue-cli的前提必须安装node和npm1、查看node和npm的版本2、查看npm全局安装的目录及已安装的服务这里因为我已经安装了很多全局的服务，正常第一次运行应该是只有npm全局安装的目录，这里我的目录为D:\nodejs\node_global。3、配置镜像站，可以提升下载的速度输入命令配置镜像站npm config set registry=http://registry.npm.taobao.org 4、下载安装vue-clinpm install -g @vue/c原创 2021-08-12 11:10:22 · 1197 阅读 · 0 评论 -
使用Vue-cli构建一个项目Vue项目
使用Vue-cli构建一个项目Vue项目1、安装vue-cli前提条件是已安装node、npm才可以执行下面的指令npm install -g @vue/cli @vue/cli-init安装成功后查看版本这里很多人会遇到报错，具体解决方案我在下一篇文章详细解决。vue -V成功页面：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kGVhmCLR-1628736056827)(C:\Users\快定\OneDrive\桌面\笔记\笔记\image\im原创 2021-08-12 10:43:38 · 219 阅读 · 0 评论 -
axios重构todolist
将之前的todolist项目重构，使用axios调用接口获取数据，通过接口数据渲染页面，下面就是代码的具体实现，我将注解都写在了代码中。index.html<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <tit原创 2021-08-06 11:07:13 · 276 阅读 · 1 评论 -
Vue axios实例
axios可以访问API获取数据这里我访问的API是我在PHP的cakephp框架本地环境编写的接口，编写的接口遵循restful风格。前端页面：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>axios</title> <script src="https://unpkg.com/axios/dist/axios.min.js">&原创 2021-08-04 16:00:54 · 1051 阅读 · 0 评论 -
Vue学习笔记
vue过滤器filters定义过滤器var app = new Vue({ el: '#app', data:{msg:'UP'}, //定义过滤器 filters:{ // 过滤器的名称及方法 myFilters:function(val){ //转化为小写 return val.toLowerCase(); } }})过滤器的使用：Vue.js 允许你自定义原创 2021-08-04 14:26:36 · 128 阅读 · 0 评论 -
Vue:实现一个基本的项目todolist
Vue:实现一个基本的项目todolistapp.js代码：(function(Vue){ new Vue({ el:'#todoapp', data:{ title:'Todoapp', list:[] }, methods:{ add:function(ev){ var input = ev.target; value=input.value.trim(); if(value == ""){ return; } d原创 2021-07-28 18:21:31 · 165 阅读 · 0 评论 -
初识Vue
<body> <div> <div id="div"> {{message}} </div> <div id = 'div2' v-bind:title="message"> 鼠标悬停 </div> <div id="div3" v-if="see">条件</div> <div id="div4"> <a v-for="(value原创 2021-07-20 17:09:55 · 111 阅读 · 0 评论