TOP

随笔分类 -  ④ 前端 - Vue

摘要:安装 node.js 安装 https://nodejs.org/en 安装后执行 node -v 查看是否有异常以及 npm -v 查看是否异常 调整为淘宝镜像, cnpm -v 查看是否异常 npm install -g cnpm --registry=https://registry.npm. 阅读全文
posted @ 2024-11-25 16:46 羊驼之歌 阅读(18) 评论(0) 推荐(0) 编辑
摘要:element-ui 安装 npm i element-ui -S 安装 css 之类的相关的依赖 npm install sass-loader@7.3.1 node-sass --save-dev 引入使用 标红色的部分是引入的代码. 在项目的 main.js 里面 // The Vue bui 阅读全文
posted @ 2021-06-20 00:30 羊驼之歌 阅读(186) 评论(0) 推荐(0) 编辑
摘要:Vue-cli 概述 vue-cli 是用于快速生成 vue 项目框架的一个工具 主要功能 统一目录结构 本地调试 热部署 单元测试 集成打包上线 安装 安装环境 Node.js (>=6.x, 首选 8.x) git 安装命令 npm install vie-cli -g 验证安装 创建项目 创建 阅读全文
posted @ 2021-06-08 12:01 羊驼之歌 阅读(92) 评论(0) 推荐(0) 编辑
摘要:Vue 官方文档 点击这里跳转 文本传值 demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test_vue</title> <script src="https://cdn.jsdelivr.net 阅读全文
posted @ 2021-06-04 20:58 羊驼之歌 阅读(84) 评论(0) 推荐(0) 编辑
摘要:Vue 路由系统 简单示例 main.js APP.vue 总结 准备: 引入vue-router 声明使用 定义组件 映射组件URL 加载在 vue-router 挂载在 vue 上 使用: router-link 标签 to 属性到 URL router-view 展现组件内容 阅读全文
posted @ 2019-01-11 20:18 羊驼之歌 阅读(210) 评论(0) 推荐(0) 编辑
摘要:简单示例 APP.vue Vfooter.vue Vheader.vue 实例详解 app > header 父组件向子组件传值 子组件从 父组件拿值 拿值的时候必须要校验类型, 拿值的时候的要对应父组件的自定义属性一致才可以拿到 如果有错误是拿不到的 如果写错类型也会报错。 footer >app 阅读全文
posted @ 2019-01-11 20:07 羊驼之歌 阅读(208) 评论(0) 推荐(0) 编辑
摘要:Vue 环境安装 环境准备 nodejs 下载安装 查看下载版本 下载引入 vue.js npm 相关的命令 查看支持项目类型 简单示例用 webpack-simple 真正项目用 webpack 创建项目 阅读全文
posted @ 2019-01-11 19:40 羊驼之歌 阅读(312) 评论(0) 推荐(0) 编辑
摘要:ES6 的新增特性以及简单语法 let 和 const 模板字符串 箭头函数 对象单体模式 es6面向对象 模块化 let 和 const 之前一直用 var 来声明变量,ES6 新增 let 和 const 模板字符串 更加的简单的拼接字符串 用 ${} 来填入 箭头函数 操作更加简单了,但是改变 阅读全文
posted @ 2019-01-07 09:00 羊驼之歌 阅读(308) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示