最新博客 - 朝如青丝暮成雪 -
2020年04月14日
vue中整合bootstrap
(作者:朝如青丝暮成雪)
摘要:
vue整合bootstrap过程
1、初始化项目
vue init webpack vue_bootstrap
2、main.js中引入jquery,bootstrap的css和js
import './bootstrap-3.3.7/dist/jquery.min.js';
import './bootstrap-3.3.7/dist/css/bo......
发表于:2020-04-14 17:06:29 阅读(1226) 评论(0)
-
2020年04月13日
vue中vuex的简单使用
(作者:朝如青丝暮成雪)
摘要:
vue中vuex的简单使用
一、vuex是什么？
vuex集中式组件状态(数据)的存储方案，详见官网文档：https://vuex.vuejs.org/zh/
二、vuex中的基本概念
Vuex.Store({
state, //状态数据
getters,//state的延生状态，可以认为是state数据的简单过滤或计算返回
actions,//&n......
发表于:2020-04-13 21:28:50 阅读(869) 评论(0)
-
2020年04月13日
vue中路由的简单使用
(作者:朝如青丝暮成雪)
摘要:
vue中路由(vue-router)的使用
router.js中配置路由规则，项目中所有的路由规则通常都统一配置到同一个文件中，习惯将这个文件命名为router.js，内容如下：
import Vue from 'vue'
import Router from 'vue-router'
import Home from '../components/Home.vu......
发表于:2020-04-13 16:09:11 阅读(933) 评论(0)
-
2020年04月12日
vue中消息订阅与发布PubSub
(作者:朝如青丝暮成雪)
摘要:
1、npm install pubsub-js --save
2、PubSub 是一个全局对象，import后可在任何地方都可以直接拿到这个对象。
如图：
App.vue
<template>
<div id="app">
<!-- 使用pubsub-js 发布订阅组件
cnpm......
发表于:2020-04-12 19:59:16 阅读(1079) 评论(0)
- 2020年04月12日 父组件向子组件传入自定义事件 (作者:朝如青丝暮成雪) 摘要: 方式一： App.vue <template> <div id="app"> <!-- @btnClick="btnClick" 直接给子组件传入自定义的事件--> <me href="https://www.baidu.com" title="百度一下" content="百度" @btnClick="btnC...... 发表于:2020-04-12 19:27:54 阅读(934) 评论(0)
-
2020年04月12日
vue中父组件向子组件传方法(props)
(作者:朝如青丝暮成雪)
摘要:
App.vue
<template>
<div id="app">
<!--方式一 :btnClick="btnClick" 则子组件需要通过props来接收 -->
<me href="https://www.baidu.com" title="百度一下" content="百度" :btnClick="btn......
发表于:2020-04-12 19:17:09 阅读(905) 评论(0)
-
2020年04月12日
vue中父组件向子组件传值(props)
(作者:朝如青丝暮成雪)
摘要:
App.vue 要向Menu组件传入一些属性值: Menu组件中指定props，定义需要接收来自父组件的属性列表。
如图:
App.vue
<template>
<div id="app">
<me href="https://www.baidu.com" title="百度一下" content="百......
发表于:2020-04-12 18:51:43 阅读(1070) 评论(0)
-
2020年04月02日
vue的双向数据绑定
(作者:朝如青丝暮成雪)
摘要:
App.vue
<template>
<div>
<h1>vue的双向数据绑定</h1>
<input v-model="message"/>
<p>{{message}}</p>
</div>
</template>
<styl......
发表于:2020-04-02 13:45:30 阅读(1163) 评论(0)
- 2020年04月02日 vue的安装 (作者:朝如青丝暮成雪) 摘要:vue学习 （ 官网文档： https://cn.vuejs.org/v2/guide/ ） 安装node(npm) 请参照博客: windows中安装nodejs 配置node_global和node_cache等。 安装cnpm等 npm install cnpm -g 1、安装vue-cli 脚手架工具 （...... 发表于:2020-04-02 13:09:28 阅读(885) 评论(0)
- 2020年02月21日 k8s中安装helm (作者:朝如青丝暮成雪) 摘要: k8s中安装helm步骤 （在master节点上） 1、下载helm.tar.gz包 wget https://storage.googleapis.com/kubernetes-helm/helm-v2.14.3-linux-amd64.tar.gz 2、解压安装 tar -zxvf helm-v2.14.1-linux-amd64.tar.gz cd linux-a...... 发表于:2020-02-21 12:41:45 阅读(1588) 评论(0)
博主信息
数据加载中,请稍候...
文章分类
数据加载中,请稍候...
阅读排行
数据加载中,请稍候...
评论排行
数据加载中,请稍候...
