随笔分类 -  vue

vue学习
vue、vue-cli、webpack安装及常用命令
摘要：####vue安装 npm i -g vue ####vue-cli安装 npm install -g vue-cli or npm install -g @vue/cli ####安装webpack npm install -g webpack ####vue常用命令 创建项目1 vue init 阅读全文
posted @ 2022-02-10 22:54 白玉神驹 阅读(128) 评论(0) 推荐(0)
mac安装nodejs及npm常用命令
摘要：####基于homebrew安装 brew install nodejs 对node_modules文件夹下所有赋予可读可写可执行权限 sudo chmod -R 777 /usr/local/lib/node_modules/ ####安装包安装 https://nodejs.org/en/ ## 阅读全文
posted @ 2022-02-10 22:37 白玉神驹 阅读(474) 评论(0) 推荐(0)
Mac M1(arm版本)安装homebrew
摘要：简介 Homebrew是一款包管理工具，目前支持macOS和linux系统。主要有四个部分组成: brew、homebrew-core 、homebrew-cask、homebrew-bottles。 安装 打开终端(复制以下命令在终端中回车执行) 设置镜像 HOMEBREW_CORE_GIT_RE 阅读全文
posted @ 2022-02-10 21:12 白玉神驹 阅读(829) 评论(0) 推荐(0)
vue-3.2-组件的三种定义方式
摘要：1. 什么是组件：组件的出现，就是为了拆分Vue实例的代码量，能够让我们以不同的组件，来划分不同的功能模块，将来需要什么样的功能，就去调用对应的组件即可； 2. 模块化：是从代码的角度进行划分的；方便代码分层开发，保证每个模块的职能单一； 3. 组件化：是从UI界面的角度进行划分的；前端的组件化，方 阅读全文
posted @ 2019-08-11 17:00 白玉神驹 阅读(3792) 评论(0) 推荐(0)
vue-3.1-列表动画
摘要：<!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, 阅读全文
posted @ 2019-08-11 15:57 白玉神驹 阅读(249) 评论(0) 推荐(0)
vue-2.5-vue-resource的使用-get、post、jsonp发送请求
摘要：Document 阅读全文
posted @ 2019-08-09 13:34 白玉神驹 阅读(263) 评论(0) 推荐(0)
vue-2.4-生命周期函数
摘要：先看官网的图： 阅读全文
posted @ 2019-08-09 13:32 白玉神驹 阅读(184) 评论(0) 推荐(0)
vue-2.3自定义全局与私有指令
摘要：<!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, 阅读全文
posted @ 2019-08-09 13:29 白玉神驹 阅读(613) 评论(0) 推荐(0)
vue-2.2过滤器的使用与时间格式化
摘要：<script> // 添加全局过滤器， 进行时间格式化 Vue.filter('dateFormat',function (dateStr, pattern='') { // 根据给定的时间字符串， 得到特定的时间 var dt = new Date(dateStr) // yyyy-mm-dd var y = dt.getFullYear() var m = (dt.getMonth() + 阅读全文
posted @ 2019-08-09 11:35 白玉神驹 阅读(2081) 评论(0) 推荐(0)
vue-2.1-品牌案例的添加、删除、和搜索功能
摘要：<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="../lib/v 阅读全文
posted @ 2019-08-09 11:30 白玉神驹 阅读(345) 评论(0) 推荐(0)
vue-01-插值表达式、事件修饰符
摘要：例子：跑马灯 例子：简易计算器 阅读全文
posted @ 2019-08-08 14:36 白玉神驹 阅读(321) 评论(0) 推荐(0)