![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
梓鸿
这个作者很懒,什么都没留下…
展开
-
vue-cli构建一个工程
vue-cli构建一个工程 使用前,必须要先按照 node:安装node Vue CLI官方文档:https://cli.vuejs.org/zh/ 安装node地址:https://nodejs.org/zh-cn/download/安装后node文件如下:需要配置环境变量然后,就可...原创 2018-11-21 15:40:00 · 87 阅读 · 0 评论 -
使用ElementUI创建项目
使用ElementUI创建项目 从 0 开始搭建 element 项目第一步,安装 Nodejs/NPMhttps://nodejs.org/zh-cn/download/下载安装即可!第二步,安装 vue-cli打开 cmd 创建,在命令行下执行命令即可安装:npm install -g @vu...原创 2018-11-22 17:10:00 · 489 阅读 · 0 评论 -
Vue+NodeJS+ElementUI 的简单示例
Vue+NodeJS+ElementUI 的简单示例 1、演示所使用到的工具:谷歌浏览器、HBuilder、cmd命令窗口、nodejs(自带npm)2、切换到项目中3、使用 vue 命令添加 elementUI的插件(element)4、选择Fully import(全部导入), 也可以选择 import on demand(按需...原创 2018-11-22 18:33:00 · 914 阅读 · 0 评论 -
使用Vue前端框架实现知乎日报app
使用Vue前端框架实现知乎日报app 这是:主页代码<template> <view class="content"> <view class="uni-list"> <!--这是图片轮播的--> <swiper ...原创 2018-11-26 16:02:00 · 689 阅读 · 0 评论 -
vue项目使用axios发送请求让ajax请求头部携带cookie
vue项目使用axios发送请求让ajax请求头部携带cookie 最近做vue项目时遇到登录权限问题,登录以后再发送的请求头部并没有携带登录后设置的cookie,导致后台无法校验其是否登录。检查发现是vue项目中使用axios发送ajax请求导致的。查看文档得知axios默认是不让ajax请求头部携带cookie的,因此,在main.js中设置如...原创 2019-01-15 10:22:00 · 1726 阅读 · 0 评论 -
Vue点击切换Class变化,实现Active当前样式
Vue点击切换Class变化,实现Active当前样式 刚自学Vue不久,所以还不太熟,所以直接上代码。一、先在data里增加一个变量,用来储存当前点击的元素data() { return { activeClass: -1, // 0为默认选择第一个,-1为不选择 }; },二...原创 2019-01-15 20:14:00 · 5192 阅读 · 0 评论 -
vue 通过绑定事件获取当前行的id
vue 通过绑定事件获取当前行的id <div @click="router(items.productId)" style="float: left;" :key='items.productName' v-for="items in item"> </div>获取:router(e){ ...原创 2019-01-17 12:17:00 · 3380 阅读 · 0 评论 -
vue-router 2.0 跳转之router.push()
vue-router 2.0 跳转之router.push() router.push(location)除了使用 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。router.push(location)想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 hi...原创 2019-01-17 12:20:00 · 254 阅读 · 0 评论 -
vue 实现,子组件向父组件 传递数据
vue 实现,子组件向父组件 传递数据 首先理清组件之间的关系 组件与组件之间,还存在着不同的关系。父子关系与兄弟关系(不是父子的都暂称为兄弟吧)。 父子组件父子关系即是组件 A 在它的模板中使用了组件 B,那么组件 A 就是父组件,组件 B 就是子组件。先写子组件:绑定一个单击事件 <...原创 2019-01-18 13:34:00 · 218 阅读 · 0 评论 -
vue 使用props 实现父组件向子组件传数据
vue 使用props 实现父组件向子组件传数据 刚自学vue不久遇到很多问题,刚好用到的分组件,所以就用到传递数据弄了好久终于搞定了,不多说直接上代码父组件:<template> <headers :inputName="name"></headers> &...原创 2019-01-18 15:51:00 · 235 阅读 · 0 评论 -
router-link传递参数并获取
router-link传递参数并获取 跳转链接:<router-link :to="{path:'libraryDetail/', query:{library_id:data.library_id}}">获取参数:library_id = this.$route.query.library_id;...原创 2019-01-24 14:49:00 · 1684 阅读 · 0 评论 -
router-link to 动态赋值
router-link to 动态赋值 路由定义:动态赋值:<router-link :to="{path:'/old_data_details/params/'+item.id}" > </router-link> poste...原创 2019-02-28 10:02:00 · 9687 阅读 · 1 评论 -
vue-cli 引入 axios 并全局配置axios
vue-cli 引入 axios 并全局配置axios 步骤一:vue add axios (向项目添加axios)步骤二:在main.js 中 修改 如图步骤三:在组件使用时,直接 this.$http.get().then() 即可...... posted @ 2019-0...原创 2019-02-28 10:04:00 · 675 阅读 · 0 评论 -
运行别人的Vue项目
运行别人的Vue项目 步骤一:先 安装 cnpm cmd命令下 输入 npm install -g cnpm --registry=http://registry.npm.taobao.org(由于npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所有我还需要npm的国内镜像---cnpm)步骤二:安...原创 2019-02-28 10:07:00 · 997 阅读 · 0 评论 -
Vue 生命周期
Vue 生命周期 vue所有功能的实现都是围绕其生命周期进行的,在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能。学习实例的生命周期,能帮助我们理解vue实例的运行机制,更好地利用钩子函数完成我们的业务代码。1、即将创建:对应的钩子函数为beforeCreate。此阶段为实例初始化之后,此时的数据观察和事件机制...原创 2019-03-01 11:44:00 · 101 阅读 · 0 评论 -
ES6 Object.setPrototypeOf ()方法和defineProperty()方法的使用
ES6 Object.setPrototypeOf ()方法和defineProperty()方法的使用 将一个指定的对象的原型设置为另一个对象或者null(既对象的[[Prototype]]内部属性).示例:<script type="text/javascript"> var Car=fu...原创 2019-04-09 15:48:00 · 839 阅读 · 0 评论 -
Vue中 v-bind和v-on 缩写
v-bind缩写<!-- 完整语法 --><a v-bind:href="url">...</a><!-- 缩写 --><a :href="url">...</a>v-on缩写<!-- 完整语法 --><a v-on:click="doSo...原创 2019-04-10 11:01:00 · 651 阅读 · 0 评论 -
Vue 使用v-bind:style 绑定样式
Vue 使用v-bind:style 绑定样式 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script ...原创 2019-04-10 11:55:00 · 4089 阅读 · 0 评论 -
Vue v-if以及 v-else 的使用
Vue v-if以及 v-else 的使用 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script sr...原创 2019-04-10 14:10:00 · 13831 阅读 · 0 评论 -
Vue 中 使用v-show
Vue 中 使用v-show <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="http...原创 2019-04-10 14:26:00 · 1635 阅读 · 0 评论 -
vue 中 event.stopPropagation() 和event.preventDefault() 使用
vue 中 event.stopPropagation() 和event.preventDefault() 使用 1.event.stopPropagation()方法这是阻止事件的冒泡方法,不让事件向document上蔓延,但是默认事件任然会执行,当你掉用这个方法的时候,如果点击一个连接,这个连接仍然会被打开,2.event.pre...原创 2019-04-10 15:39:00 · 5043 阅读 · 0 评论 -
Vue 中 双向绑定数据
Vue 中 双向绑定数据 1、文本<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script s...原创 2019-04-10 16:02:00 · 191 阅读 · 0 评论 -
vue 打包部署到服务器上 配置nginx访问
坑一css,js资源引入不正确webpack配置文件config/index.js需要更改:方法一当部署到带有文件夹的项目中,这种绝对路径就会出现问题,因为把配置的static文件夹当成了根路径,那么要解决这种问题,就得引用相对路径问题描述一般情况下,通过webpack+vuecli默认打包的css、js等资源,路径都是绝对的。但当部署到带有文件夹的项目中...原创 2019-11-22 18:12:00 · 758 阅读 · 0 评论