![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
行尽江南
这个作者很懒,什么都没留下…
展开
-
webpack中vue模板组件的使用
<template> <div> <h1 @click="show">我是登陆组件{{ message}}</h1> </div></template><style></style><script>原创 2019-01-17 13:43:31 · 329 阅读 · 0 评论 -
Vue 从一个前端项目部署到后端,谈前端mock数据模拟的必要性
我们一般在做前端项目的时候,经常需要后端数据接口的支持,一般来讲,虽然后端数据接口以及服务端搭建在一个项目当中,是先于前端完成的,但是!前端往往在开发阶段,后端的数据接口可能由于这样那样的原因,出现问题,或者还没有做出来,或者由于跨域网络等原因,前端获取不到,那么前端就必须自己动手去模拟数据了;传统的模拟数据,一般都是自己在前端项目当中去手写json格式的数据文件,需要几个写几个,可以按照数据...原创 2019-02-18 01:09:31 · 717 阅读 · 0 评论 -
Vue-Cli2.XX 静态资源文件夹的路径部署问题
直接进入正题,这里我们讨论的是vuecili3以前的版本:一般我们用vuecli3之前的版本创建项目的时候,根目录下会有一个static文件夹,这个文件夹是用来放置images和json等静态文件的,同样的在根目录下的src下还有一个assets文件夹放置静态文件的,区别是assets里面的静态资源会被webpack打包编译,而static下面的静态资源仅仅会被在打包编译的时候赋值到dist文...原创 2019-02-17 18:12:26 · 6462 阅读 · 1 评论 -
webpack main.js导入vue包,以及分离的模板.vue渲染问题
main.js导入vue包的时候由于node_modules文件夹下的vue下面的package.json文件里面配置的main默认没有指向‘vue.js’文件,所以我们需要重新配置次路径,两种方法:1、修改import Vue from 'vue' 为 import Vue from '../node_modules/vue/dist/vue.js';2、保持import Vue...原创 2019-01-17 11:48:44 · 1004 阅读 · 0 评论 -
vue-cli webpack配置分析
vue-cli webpack配置分析webpack vue.js vue-cli javascript 28.7k 次阅读 · 读完需要 67 分钟87相信vue使用者对vue-cli都不会陌生,甚至可以说,很熟悉了,但对其webpack的配置可能知之甚少吧。过完年回来后,我接手了公司的新项目。新项目是一个spa。很自然,我就想到了vue-cli脚手...转载 2019-02-16 14:45:57 · 264 阅读 · 0 评论 -
如何为 Vue 项目写单元测试
如何为 Vue 项目写单元测试原文链接: scotch.io众所周知,Vue.js 是一个非常牛逼的 JavaScript 框架,对于创建复杂功能的前端项目是非常有用的。不管是什么项目,检查应用是否正常工作,运行是否为预期,是尤为重要的。然而,为了保证业务正常运行,我们的项目,每做一次更新,都要对所有功能做一次回归测试,随着项目的增大,重复的测试工作越来越多,越来越乏味,手工测试将变成一个...转载 2019-02-16 14:38:56 · 655 阅读 · 0 评论 -
Vue 路由地址监听
var vm=new Vue({ el:'#app', data:{ message:'儿子,我是你爹,我的钱拿去用吧' }, methods:{ func:function(data){ con...原创 2019-01-16 13:12:49 · 1546 阅读 · 0 评论 -
vue 路由重定向
var vr=new VueRouter({ routes:[ {path:'/',redirect:'/login'}, {path:'/login',component: login}, {path:'/register',component:register} ...原创 2019-01-15 22:33:09 · 325 阅读 · 0 评论 -
Vue 路由功能
<div id="app"> <router-link to="/login" tag="span">登陆</router-link> <router-link to="/register">注册</router-link> <原创 2019-01-15 22:27:32 · 241 阅读 · 0 评论 -
vue 子组件使用父组件的函数
<body> <div id="app"> <com1 @func="loadComments"></com1> <ul class="list-group"> <li class="list-原创 2019-01-15 21:10:05 · 274 阅读 · 0 评论 -
使用mintui 的js组件图标的使用
<template> <div> <h1 @click="show">我是App组件</h1> <router-link to="/acount">acount</router-link> <router-link to="原创 2019-01-17 21:00:52 · 734 阅读 · 0 评论 -
webpack router代码的抽取
main页面代码:import Vue from 'vue';import Vuerouter from 'vue-router';//手动安装vuerouter;Vue.use(Vuerouter);//导入app组件import app from './app.vue';import router from './route.js'var vm=new Vue({ ...原创 2019-01-17 15:00:32 · 125 阅读 · 0 评论 -
webpack style样式当中的属性 lang scoped
<template> <div> <h1>我是注册组件</h1> </div></template><style scoped>div{ color:red;}</style><script>&l原创 2019-01-17 14:51:53 · 589 阅读 · 0 评论 -
webpack router 模块组件的子组件路由
note:是谁的子组件就把渲染的<router-view>标签放在这个组件的下面进行渲染main文件的代码:import Vue from 'vue';import Vuerouter from 'vue-router';//手动安装vuerouter;Vue.use(Vuerouter);//导入app组件import app from './app.vue';...原创 2019-01-17 14:33:37 · 365 阅读 · 0 评论