![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
xqiitan
前端菜鸟,多多指教
展开
-
Vue基础知识
Vue-cli 官方命令行工具sodo npm install -g vue-cli vue init webpack my-project(用默认值即可) npm install && npm run dev vue init mpvue/mpvue-quickstart my-project前端注意事项,先cd到项目目录:cd v...原创 2019-05-20 13:11:08 · 141 阅读 · 0 评论 -
Vue中插槽的使用
插槽slot的使用:使用场景----父组件向子组件传递dom结构。<div id="root"> <child> // <p>Dell</p> <div class='header' slot='header'>header</div> // 具名插槽 <div class='footer' slot...原创 2019-08-06 11:37:28 · 599 阅读 · 0 评论 -
Vue父子组件传值,自定义组件实现TodoList
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>TodoList</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"&g...原创 2019-08-01 15:26:30 · 342 阅读 · 0 评论 -
组件使用的细节注意点
组件使用的细节注意点:1、is部分标签使用的时候,不能直接使用自定义的组件,而要使用is=属性.虽然写的是tr,但是调用的是row标签。类似的还有,列表的ul,ol标签<table> <tbody> <tr is="row"></tr> <tr is="row"></tr> &...原创 2019-08-05 17:46:48 · 215 阅读 · 0 评论 -
axios 请求与封装
axios 请求(get,post,put,patch)get请求的两种方法:// http://localhost:8080/data.json?id=12axios.get('/data.json', { params: { id:12 }}).then((res) => { console.log(res)})axios({ ...原创 2019-07-29 18:00:42 · 375 阅读 · 0 评论 -
MongoDB 安装与介绍
# MongoDB 数据库的安装 高可拓展性,分布式存储,低成本,结构灵活。https://pan.baidu.com/s/1mhPejwOhttp://www.imooc.com/article/18438基本语法:SQL术语/概念 MongoDB术语/概念 解释/说明database database ...原创 2019-07-17 17:27:28 · 95 阅读 · 0 评论 -
Vue 组件通信
父组件,调用子组件的方法MenuBar.vue 子组件export default { data() { return { ifSettingShow: false } }, methods: { showSetting() { ifSettingShow = true }, hideSetting() { ifSettingShow = fa...原创 2019-07-16 16:07:16 · 86 阅读 · 0 评论 -
Vue-Router的使用细节
给Router配置activeClass{ mode: 'history', linkActiveClass: 'active'}style- sassstyle- sass a{ color: #42b983; display: block; &.active{ color:#fff; background: #42b983; } } ...原创 2019-07-15 17:41:52 · 85 阅读 · 0 评论 -
git 简介
git 简介:-创建项目git clone, git init-创建分支,推送分支,合并分支-删除分支,回退版本// ------下载本地git项目代码,到本地目录的文件夹。git clone git@cithub.com:kanlidy/hellogit.gitlsgit statusgit branch -atouch text.textgit statusgit ad...原创 2019-07-15 16:18:09 · 111 阅读 · 0 评论 -
Vuex介绍(状态管理模式)
常用调试:console.log, alert()阻塞的行为, debugger断点调试-多个视图依赖同一个状态(eg:菜单导航)-来自不同视图的行为需要变更同一状态store.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ sta...翻译 2019-07-15 15:51:11 · 131 阅读 · 0 评论 -
Get全栈技能点Vue2.0/Node.js/MongoDB打造商城系统
基础学习:视图层: 商品列表,购物车,地址列表,商品结算,订单成功组件列表: 公共组件,VueResource,Vue-Router,Axios,Vuex,Util,依赖,Vue.js-MVVM后端:Node,Express数据库:MongoDB1、基于MV*模式的vue框架。 model绑定View 没有控制器的概念 数据驱动,状态管理。...原创 2019-07-09 14:35:25 · 289 阅读 · 0 评论 -
Vue 概况和核心思想
原创 2019-06-28 10:38:49 · 106 阅读 · 0 评论 -
vue-server,根据图书isbn码,获取图书信息,并保存到mysql数据库
vue-server,保存图书的代码server/controllers/addbook.jsconst https = require('https')const {mysql} = require('../qcloud')// 新增图书:获取豆瓣信息,入库// https://developers.douban.com/wiki/?title=book_v2#get_isb...原创 2019-05-23 18:05:13 · 1074 阅读 · 0 评论 -
A basic Vue Project
<div id="app"> <ul> <li v-for="product in products"> <input type="number" v-model.number="product.quantity"> {{product.name}} &...原创 2019-05-22 21:47:05 · 110 阅读 · 0 评论 -
创建Vue项目的常用指令
一、创建Vue项目npm install vue-cli -g // 全局安装vue-clivue init webpack vuedemo // 创建webpack模板的新项目cd vuedemonpm install // 安装基础模块npm run dev // 运行二、创建mpvue小程序项目npm install vue-cli -g // 全局安装vue-cli...原创 2019-05-22 11:15:36 · 3177 阅读 · 0 评论 -
Vue 组件封装,实现TodoList
封装Todolist和里面的Title部分,便于复用。main.jsimport Vue from 'vue'import Todolist from './components/Todolist'Vue.config.productionTip = falsenew Vue({ /* 找到id为app的容器,组件选择器 */ el: '#app', componen...原创 2019-05-20 18:00:14 · 894 阅读 · 0 评论 -
代办事项,比较完整的例子
index.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>vue-d...原创 2019-05-20 16:18:44 · 1579 阅读 · 0 评论 -
Vue中css动画原理-
<style> .fade-enter, .fade-leave-to { opacity: 0; } .fade-enter-active, .fade-leave-active { transition: opacity 1s; }</style><div id="root"> <transition name='fad...原创 2019-08-06 16:33:27 · 112 阅读 · 0 评论