随笔分类 -  vue

Mint-UI 的 DatetimePicker 日期时间插件的安装与使用
摘要：简介：Mint-UI是饿了么出品的基于vue的移动端组件库（element-ui是桌面端） 官网：http://mint-ui.github.io/docs/#/zh-cn2 项目环境：vue-cli + webpack 1. 首先安装mint-ui，这里用npm的方式安装 npm install 阅读全文
posted @ 2019-04-11 15:09 桑甚姑娘 阅读(5164) 评论(1) 推荐(0)
Vuex的第一次接触
摘要：前言：最近在做Vue实现去哪网，想要实现在城市列表页面，点击某个城市的时候，主页的头部的城市会随着改变，就是首页和城市页面有共用的数据要分享，这里使用Vuex 1. Vuex是什么？ 是Vue官方推荐的数据框架，就是单向数据的改变流程 Vuex的设计理念：当项目中需要多个组件的复杂传值困难时，如果把 阅读全文
posted @ 2018-09-09 22:07 桑甚姑娘 阅读(152) 评论(1) 推荐(0)
Vue——关于css过渡和动画那些事
摘要：1. 单元素/组件的过渡transition Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡 条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点 实例： 2. 过渡的类名 在进入/离开的过渡中，会有 6 个 c 阅读全文
posted @ 2018-08-13 17:18 桑甚姑娘 阅读(2718) 评论(0) 推荐(0)
Vue插槽 slot
摘要：1. 什么是插槽 插槽slot 是往父组件中插入额外内容，实现组件的复用，一个插槽插入到一个对应的标签中 2. 实例： 一个组件中不允许有两个匿名插槽 3. 作用域插槽 固定写法：父组件中<template slot-scope="props"></template> //props可以自定义用来接 阅读全文
posted @ 2018-08-12 21:13 桑甚姑娘 阅读(196) 评论(0) 推荐(0)
vue组件的基本知识点
摘要：1. 组件中 is 的特性： 有些 HTML 元素，诸如 <ul>、<ol>、<table> 和 <select>，对于哪些元素可以出现在其内部是有严格限制的。而有些元素，诸如 <li>、<tr> 和 <option>，只能出现在其它某些特定的元素内部。 这会导致一些bug： 字符串 (例如：tem 阅读全文
posted @ 2018-08-12 11:24 桑甚姑娘 阅读(582) 评论(0) 推荐(0)
vue-cli+ webpack 搭建项目todolist
摘要：本文接着之前的todolist例子，通过vue-cli + webpack 搭建项目：针对于vue-cli 2.x版本，更高版本找官网https://cli.vuejs.org/guide/installation.html 1. 环境搭建 检查电脑是否已经安装有npm 和 node ，通过npm 阅读全文
posted @ 2018-08-05 17:41 桑甚姑娘 阅读(284) 评论(0) 推荐(0)
vue入门——组件基础todolist
摘要：1. 以下是 todolist 的例子，没有用到组件：下面的3 会通过组件拆分todolist 2. 全局组件和局部组件怎么写？ 全局组件：在js中直接定义 Vue.component('组件名‘,{ 业务逻辑})，然后在body中直接使用组件名，子组件可以传参，组件中使用props去接收参数 局部 阅读全文
posted @ 2018-08-04 15:48 桑甚姑娘 阅读(672) 评论(0) 推荐(0)
vue入门——基本概念
摘要：1. 挂载点，模板，实例的关系？ 首先附上一个基本demo: 解释： 挂载点：就是el 所代表的id为root的div,指明vue只对这个div起作用 模板：div里面的内容 实例：在vue实例中指定了挂载点，模板，vue会自动结合模板和数据生成最后的内容，然后把内容放在挂载点之中 2. 计算属性和 阅读全文
posted @ 2018-08-04 13:31 桑甚姑娘 阅读(236) 评论(0) 推荐(0)