vue
Vue自定义组件插入值
我们自定义组件的时候有时候需要往组件里面插一些内容：//定义一个组件test，插值内容用slog来代替exportdefault{name:'test',template:`<div><div>这里是test组件</div><slotname="content1"&...
vue子组件的自定义事件
父子组件的信息传递无碍就是父组件给子组件传值（props和$attrs）和父组件触发子组件的事件（$emit）之前已经谈过了父组件给子组件传值了，现在来说说父组件触发子组件的自定义事件吧～～实际上挺简单：父组件：<template><div><my-childabcClick="sayHe...
Vue实例的生命周期（钩子函数）
Vue实例的生命钩子总共有10个先上官方图：下面时一个vue实例定义钩子函数的例子：varapp=newVue({el:'#app',beforeCreate:function(){console.log('1-beforeCreate初始化之后');},created:function(){console.log('...
vue实例的方法
1.mount挂载vm.$mount('#app')2.销毁vm.$destroy()3.刷新实例vm.$forceUpdate()4.更新后的操作vm.$nextTick(function(){//.....})5.扩展方法vm.on('方法名',function(){//....})6.扩展一次性方法vm.once...
vue写template的4种形式
1.template标签（非单文件组件）<templateid="t1"><h2>66666666</h2></template><script>newVue({template:'#t1'})</script>2.template标签单页面组件和...
vue的全局指令
vue有四个全局指令：directive、extent、set、componentdirective:自定义指令//写一个改变颜色的指令Vue.directive('amie',function(el,binding,vnode){el.style='color:'+binding.value;});//HTML<...
vue全局组件和局部组件
1.全局注册组件Vue.componet('name',{template:'<div></div>',data(){retrun{}}})使用了以上这种方式注册的组件可以在全局任何一个地方的template里面使用2.局部组件//组件aexportdefault{template:'<d...
vue的props和$attrs
过去我们在vue的父子组件传值的时候，我们先需要的子组件上用props注册一些属性：<template><div>props:{{name}},{{age}}或者{{$props['name']}},{{$props['age']}}</div></template>ex...
浅谈 vue实例 和 vue组件
vue实例: importVuefrom'vue';importappfrom'./app';importmyRouterfrom'./routers';newVue({el:'#app',//渲染目标router:myRouter,//前端路由,整个项目的路由都在这template:'<App/>...
vue+webpack开发（三）
上一篇博文讲了怎么使用路由，这次主要讲讲怎么编写一个vue组件vue定义了一种“单文件组件”后缀为‘.vue’的文件，大概长这样子：<template><div><divv-for="ninobj":class="msg"@click="sa...
vue+webpack开发（一）
一开始接触这个vue+webpack的时候，实在是摸不着头脑，根本无从下手。但是经过这两天的研究，其实你会发现vue其实并不难，难度都在webpack你对webpack的理解。webpack顾名思义就是专为web前端打造的打包工具。一般基本情况下，它会根据你提供的js入口文件，按照里面import（或者require）...
vue-router的使用
本次博文主要讲一下vue的router部分，上次我们将router也放在入口js那写了，这明显是一个很不好的写法，这次我们重写一些这个入口js和附上一个正常点的routerimportVuefrom'vue';importAppfrom'@/views/App';importmyrouterfrom'@/router'...
vue实现的上传图片到数据库并显示到页面功能示例
本文实例讲述了vue实现的上传图片到数据库并显示到页面功能。分享给大家供大家参考，具体如下：1、点击上传图片，弹出选择图片选项框。页面代码：<divclass="form-signin-heading"id="btnUpload"@change="upload&q...
vue项目部署上线
前言 今天把自己写的demo登录写完了,就想着试着走一下部署上线的流程。参考了很多的文档,终于成功进行了部署。在这里将服务器的搭建和vue项目的部署上线进行整理(都是基础的知识,希望对大家有帮助。对我帮助是很大的)2.流程 1.服务器搭建 &...
vue使用百度地图
1.在百度地图申请密钥:http://lbsyun.baidu.com/将<scripttype="text/javascript"src="http://api.map.baidu.com/api?v=2.0&ak=密钥"></script>中的密钥替换成你申请的,在vue项目的ind...
