Vue
shizhenweiszw
这个作者很懒,什么都没留下…
展开
-
Vue创建组件的三种方式
第一种: <div id="app"> <my-com1></my-com1> </div><script> Vue.component('myCom1',Vue.extend({ template:'<h1>第一种方式</h1>'原创 2019-02-28 22:01:25 · 471 阅读 · 0 评论 -
Vue 同级路由跳转传递参数的方法
在A页面通过<router-link :to="{path:'b', query:{p1:'p1'}"></router-link>在B页面的created里面通过this.$route.query.p1获取到参数值,然后设置到data里面就好了原创 2019-03-04 21:25:03 · 1607 阅读 · 0 评论 -
Vue router-link绑定事件不生效解决方法
解决方法:加native<router-link to="/date" @click.native="nav_click">最新</router-link> methods: { nav_click: function() { console.log(1) }} 解释:1:因为它是自定义标签,根本就没有事件和方法,所以不触发,加个n...原创 2019-03-04 20:44:43 · 2192 阅读 · 0 评论 -
webpack vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin
解决方法:webpack.config.js中加入:const VueLoaderPlugin = require('vue-loader/lib/plugin');module.exports = { devtool: "sourcemap", entry: './js/entry.js', // 入口文件 output: { filename...原创 2019-03-02 16:54:54 · 223 阅读 · 0 评论 -
Vue父子组件传值
1.父组件向子组件传值使用props属性来定义父组件传递过来的数据<body> <div id="app"> <com1 v-bind:parentmsg="msg"></com1> </div> <template id="tmp">原创 2019-03-01 20:08:30 · 122 阅读 · 0 评论 -
Vue路由嵌套
使用children属性实现路由嵌套<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="./lib/vue-2.4.0.j原创 2019-03-01 19:22:15 · 604 阅读 · 0 评论 -
Vue路由中定义参数的两种方式
方式一1.在router-link的to属性中添加参数 <router-link to="/login?id=10" tag="span">登录</router-link>2.通过$route.query.id获取参数var login = { template:'<h3>这是登录组件----{{$route.query.id}}<...原创 2019-03-01 19:20:06 · 3146 阅读 · 0 评论 -
Vue路由
一、什么是路由后端路由:对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源;前端路由:对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现;在单页面应用程序中,这种通过hash改变来切换页面的方式,称作前端路由(区...原创 2019-03-01 19:11:00 · 89 阅读 · 0 评论 -
最新的vue,build下没有dev-sever.js?如何创建本地服务器。
1、找到build文件夹2、找到文件,webpack.dev.conf.js文件3、找到const portfinder = require(‘portfinder’)这句话4、下面增加:5、找到devserver,增加6、测试,npm run dev作者:uperficialyu来源:CSDN原文:https://blog.csdn.net/uperficialyu/a...转载 2019-02-20 14:04:51 · 273 阅读 · 0 评论 -
Vue生命周期
转载 2019-02-20 13:43:55 · 71 阅读 · 0 评论 -
Vue数组元素双向绑定
要想正确使用VUE双向绑定数组,要注意以下3种情况:1、使用push、pop、shift、unshift、splice、sort和reverse会改变原数组的操作,VUE能正常检测到数组变化而更新视图。2、使用filter、concat、slice这几种方法操作数组,并不会改变原数组,VUE自然不会检测到数据变化也不会去更新视图。3、使用下标方式(number[0] = x)、直接修改数组...原创 2019-03-15 17:58:48 · 5828 阅读 · 0 评论