- 博客(7)
- 收藏
- 关注
原创 vue子组件调用父组件方法
js中写法var com = { template:'#temp1', methods: { myclick() { this.$emit("func"); } }};var vm = new Vue({ el:"#newBrand", data:{}, methods:{ s...
2019-05-31 11:37:18 358
原创 Vue父组件给子组件传值
js中写法:var vm = new Vue({ el:"#newBrand", data:{ msg:"天气真的很好" }, components:{ mycom:{ props:['message'], template:'<h1>从父组件获取的data中的msg是{{...
2019-05-31 10:43:55 221
原创 Vue组件切换
html中写法:<div id="newBrand"> <a href="" @click.prevent="compName='login'">登录</a> <a href="" @click.prevent="compName='register'">注册</a> <transition model="...
2019-05-31 10:00:48 179
原创 Vue组件中data的使用方式
全局组件中的data使用方式:js中写法:Vue.component("mycom1",{ template:'<h1>这是全局组件--{{msg}}</h1>', data:function () { return { msg:'这是全局组件中的data定义的数据' } }});var...
2019-05-31 09:38:47 3869
原创 Vue注册组件的3种方式
第一种方式 extend:vue.js中这样写:var com1 = Vue.extend({ template:'<h3>这是第一种方式</h3>'});Vue.component("myCom1",com1);注:myCom1是采用的驼峰命名方式,所以html中这样写:<my-com1></my-com1>注:如果不采用驼...
2019-05-30 17:38:08 31433 1
原创 Vue三种请求方式
~~<html 代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue-Resource基本使用</title> <link rel="stylesheet" href="css/bootstr...
2019-05-29 21:31:00 1173
原创 Vue 品牌管理
文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>品牌管理</title> <link rel="stylesheet" href="css/bootstrap.min.css"> <...
2019-05-29 20:54:47 261
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人