vue
普通网友
这个作者很懒,什么都没留下…
展开
-
vue的一些基本用法
1.vue实例对象 cnpm run devnew Vue({ el:'#app',template:'<div>{{message}}</div>',data:{ message:'hello vue'}}); 这里就是实例一个Vue对象import Vue from 'vue' 这里注意的是 要添加es6 2.c...原创 2018-05-08 23:47:59 · 861 阅读 · 0 评论 -
vue的命名式 路由
命名式路由:<router-link :to="{name:'cart',params:{cartId:123}}">跳转到购物车页面</router-link>这个是通过name名字来找到这个路由的首先创建一个路由,然后呢也是用 router-link这个标签 to里面接参数{name:'cart',params:{cartId:123}}接受的是一个对象 值得注意的是...原创 2018-06-25 10:31:37 · 520 阅读 · 1 评论 -
vue的编程式路由
编程式路由: this.$router.push({path:"/cart?Id=123"})就是通过编程的方式创建一个路由 但是 他还是要到router里面导入数据和放他的参数然后通过事件来触发 // this.$router.push({path:"/cart?Id=123"}) push可以接受两种形式的参数 一种是字符串一种是对象 也可以$router后面接受go(1)go里面接受...原创 2018-06-25 10:30:52 · 784 阅读 · 0 评论 -
vue嵌套路由的使用
注意:在一个路由里面加别的路由 要加 <router-view></router-view> 和router-link嵌套路由指的就是在一个路由里面嵌套另一个路由了,虽然没有那么难但还是要注意几个点1.在routes里面加上children[]然后这个里面在添加嵌套路由的参数 children:[,注意:path里面不用加/直接写名字就好了 component里面不用加...原创 2018-06-25 10:30:05 · 833 阅读 · 0 评论 -
VUE路由之动态路由
注意:在一个路由里面加别的路由 要加 <router-view></router-view> 和router-link动态路由 : path:'/cart/:cartId',1.在router里面导入你的文件2.填好routes里面的参数 path '/user/:userId/password/:passwordId' name 导入文件的名字component ...原创 2018-06-25 10:28:35 · 1095 阅读 · 0 评论 -
VUE父子组件通信的三个基本点
1.VUE组件之间的通讯是单向流通的 只能从父流向子 不能子流向父 2.子组件接受父组件的数据 用的是props[ ] 3.子组件向父组件传递数据 要用到$emit 首先在对应组件中绑定事件 ,然后methods里面写他的方法,最后在它的子组件里面methods写this.emit("xxx") xxx为绑定的事件名称 例如click而不是函数...原创 2018-06-25 10:27:02 · 481 阅读 · 0 评论 -
es6的一些常见的语法和函数扩展
一些常见的语法:console.log(`total:${total}`);这个就是es6的模版前面的是变量可以修改的,后面的是变量的值function(...m) 这个的意思是前面的是动态变量,表示参数的数量是动态的,不定时;=>函数是function的简写函数的扩展:当...和数组放在一起的时候就会把数组变成字符串console.log(...[4,原创 2018-05-08 23:55:51 · 416 阅读 · 0 评论 -
vue框架---resource和axios的讲解
resource插件讲解:get请求一般都是客户端向服务端请求东西params:{userId:"101"}, 数据是放在这个里面的.then(res=>{this.msg=res.data;},error=>{this.msg=error;}); 这里是放成功和失败所返回的数据的post请求和get请求都是差不多的,不一样的是没有p原创 2018-05-08 23:54:28 · 2062 阅读 · 0 评论 -
vue框架---路由的使用和知识
一些小知识点:./ 表示当前目录 ../表示上级目录import 这是es6的语法 表示定义@表示src目录router-link用于路由跳转就是和a标签差不多的在router-link里面to要写绝对的地址而 path里面就不用动态路由:.user/:username path:'/goods/:goodsId/',添加一个这个原创 2018-05-08 23:52:35 · 611 阅读 · 0 评论 -
vue的一些常用的基本语法
vue.js语法介绍模版语法(template): mustache语法:{{mag}} html赋值:v-...原创 2018-05-08 23:49:18 · 1118 阅读 · 0 评论