vue学习
学无止境
lily2016n
人是铁,范是钢~ 一天不装憋的慌
展开
-
详解vue自定义指令
一.背景除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令二.自定义指令基本用法1.全局注册// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { //...原创 2020-04-07 15:42:50 · 332 阅读 · 0 评论 -
关于VUE中 import 、 export 和 export default 的注意问题
转自 https://blog.csdn.net/qq_36091581/article/details/78213245import 引入一个自己写的js文件,是需要相对路径的。 示例:import axios from ‘axios’; <br>import AppService from ‘./appService’;</p>2、import什么情况下,要用...转载 2018-12-06 13:55:50 · 607 阅读 · 0 评论 -
vue设置cookie的方法封装
common.js//设置cookie,增加到vue实例方便全局调用 setCookie:(c_name, value, expiredays) => { var exdate = new Date(); exdate.setDate(exdate.getDate() + expiredays); document.cookie = c_name + "=" + escap...原创 2018-11-21 17:34:13 · 2543 阅读 · 0 评论 -
Vue-详解设置路由导航的两种方法:router-link和router.push
转自:http://www.cnblogs.com/superlizhao/p/8527317.html一、<router-link :to="..."> to里的值可以是一个字符串路径,或者一个描述地址的对象。例如:// 字符串<router-link to="apple"> to apple</router-link>// 对象<rout...转载 2018-11-21 16:27:14 · 1797 阅读 · 0 评论 -
vue渲染列表时报错Avoid using non-primitive value as key, use string/number value instead.
一进页面就报错如下一进入某页面,就会冒出这么一长串的报错,这个是由于v-for循环里,key值可能重复了,所以会报这个错。查看了一下页面代码: 发现key值重复了key值是必须唯一的,如果重复就会报错可以把key值改为index,就可以避免这个情况...原创 2018-11-16 16:08:33 · 130024 阅读 · 15 评论 -
vue利用axios来完成数据的交互实例及安装方法
axios基于 Promise 的 HTTP 请求客户端,可同时在浏览器和 node.js 中使用 现在Vue官方推荐的网络通信库不再是vue-resource了,推荐使用axios。所以学习了下,总结如下。一、功能特性 1、在浏览器中发送 XMLHttpRequests 请求 2、在 node.js 中发送 http请求 3、支持 Promise API 4、拦截请求和...原创 2018-03-22 15:34:45 · 5940 阅读 · 2 评论 -
vue中"‘webpack-dev-server’不是内部或外部命令,也不是可运行的程序"的报错
在vue项目中发现了这个报错 解决办法将项目里的“node_modules”文件夹删除,然后重新运行cnpm install原创 2018-03-16 17:14:30 · 14119 阅读 · 2 评论 -
vue添加删除元素的方法
&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;原创 2018-02-24 15:23:37 · 39755 阅读 · 4 评论 -
vue 搭建项目环境方法步骤
1、安装node.js 步骤方法参考 http://www.runoob.com/nodejs/nodejs-install-setup.html 2、node -v 检测是否安装成功 3、 $ npm install -g cnpm –registry=https://registry.npm.taobao.org 安装npm 4、npm -v 检测是否安装原创 2017-10-16 14:57:04 · 537 阅读 · 0 评论 -
v-for 列表渲染---表格的制作
v-for 指令根据一组数组的选项列表进行渲染v-for="item in items"items是一个数组,item是当前被遍历的数组元素。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="style原创 2017-07-21 15:35:29 · 8862 阅读 · 1 评论 -
在vue项目中引入highcharts图表的方法
npm进行highchars的导入,导入完成后就可以进行highchars的可视化组件开发了npm install highcharts --save1、components目录下新建一个chart.vue组件<template> <div class="x-bar"> <div :id="id" :option="option"></div> </div></templa原创 2017-07-20 17:50:50 · 10713 阅读 · 1 评论 -
在vue中使用sass的配置的方法
1、创建一个基于 webpack 模板的新项目$ vue init webpack myvue2、在当前目录下,安装依赖$ cd my-project$ npm install3、安装sass的依赖包npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass4、在buil原创 2017-07-18 16:45:38 · 89249 阅读 · 9 评论 -
Vue2.0的三种常用传值方式、父传子、子传父、非父子组件传值
转载地址https://blog.csdn.net/lander_xiong/article/details/79018737 Vue2.0 传值方式:在Vue的框架开发的项目过程中,经常会用到组件来管理不同的功能,有一...转载 2018-09-12 18:47:04 · 481 阅读 · 0 评论 -
vue引入公共的css及在对应的模板.vue文件中引入css的方法
在我们创建的vue项目中,为了使页面更加简洁,我们通常把公共的css和单个组件的css写道外面单个引入。 文件目录如下 加公共的css ①在main.js中加入@import '../static/css/reset.css'(main.js 是我们的入口文件,主要作用是初始化vue实例并使用需要的插件;App.vue是我们的主组件,所有页面都是在App.vue下...原创 2018-04-23 17:03:02 · 44787 阅读 · 2 评论