Vue
文章平均质量分 79
以Vue为核心的知识点、项目等
后海 0_o
我与成长, 至死方休
展开
-
Vue动态组件
等疫情结束了,要开始爬爬山、看看海,做些不会后悔的事情一、概念1. 示例组件是可复用的 Vue 实例,且带有一个名字,这里实现一个最简单的组件:父组件:<template> <div> <h1>Father</h1> <!-- 调用子组件 --> <Son /> </div></template><script>// 引入子组件模块impor..原创 2022-04-18 16:19:06 · 10898 阅读 · 7 评论 -
Vue3+Vite+TS后台项目 ~ 2.配置 ESLint 校验规范
管什么真理无穷,进一寸有一寸的欢喜—— 胡适配置 ESLint :ESLint 官方文档先 安装 ESLint# npmnpm install eslint --save-dev# yarnyarn add eslint --dev再 初始化 ESLint# npmnpx eslint --init# yarnyarn run eslint --init小编这里使用的 npm# 安装npm install eslint --save-dev# 初始化.原创 2021-09-21 19:12:45 · 3993 阅读 · 0 评论 -
Vue3+Vite+TS后台项目 ~ 1.vite 创建项目
管什么真理无穷,进一寸有一寸的欢喜—— 胡适搭建 Vite 项目:Vite 官方中文文档兼容性注意Vite 需要 Node.js 版本 >= 12.0.0。# 使用 npm$ npm init vite@latest# 使用 yarn$ yarn create vite# 使用 pnpm$ pnpm dlx create-vite小编这里使用的是 npm# 进入 存放项目的目录cd '目录’# 使用 npm 创建 vite 项目npm init v.原创 2021-09-21 16:49:23 · 1263 阅读 · 0 评论 -
2021搭建企业级后台(Vue + TS + Element Plus )~ 1.创建项目
一. 搭建项目结构1. 创建项目安装 Vue CLI:$ npm i -g @vue/cli原创 2021-08-16 20:24:26 · 277 阅读 · 0 评论 -
Axios请求与Vue遍历
一、页面效果二、接口请求思维:1、引用axios2、创建变量,存放数据3、创建一个函数(页面挂载好之后执行)4、请求POST接口5、获得请求数据6、创建声明周期钩子函数, 页面挂载好之后执行 4<script>import axios from 'axios'export default { name: 'IndexCourses', data () { return { userList:[] } }, methods:原创 2021-04-01 17:27:06 · 1004 阅读 · 0 评论 -
(超级详细)Vue项目实战App3- - - 城市选择
一、路由配置编辑’index.js’文件(路径:src/router/index.js) - - - 创建路由的路径import Vue from 'vue'import VueRouter from 'vue-router'// import Router from 'vue-router'import Home from '@/pages/home/Home'import City from '@/pages/city/City'Vue.use(VueRouter)// Vue.use原创 2021-01-13 22:20:11 · 9272 阅读 · 0 评论 -
(超级详细)Vue项目实战App1 - - - 项目搭建
一、项目环境准备1.Node.jsa. 官网下载安装包:Node.js中文官网b. 安装检测:Windows系统打开cmd命令行, Mac系统打开终端node -v# 输入后回车v14.15.1# 出现版本号, 则表示'Node.js'安装成功npm -v# 输入后回车(检测'Node.js'的包管理工具是否自动安装)6.14.8# 出现版本号, 说明安装成功2.Vue脚手架( Vue-CLI )a. 查看Vue官方文档:Vue-CLI脚手架npm install @原创 2021-01-13 10:16:12 · 1325 阅读 · 0 评论 -
(超级详细)Vue项目实战App2 - - -主页
一、项目环境准备1.Node.jsa. 官网下载安装包:Node.js中文官网b. 安装检测:Windows系统打开cmd命令行, Mac系统打开终端node -v# 输入后回车v14.15.1# 出现版本号, 则表示'Node.js'安装成功npm -v# 输入后回车(检测'Node.js'的包管理工具是否自动安装)6.14.8# 出现版本号, 说明安装成功2.Vue脚手架( Vue-CLI )a. 查看Vue官方文档:Vue-CLI脚手架npm install @原创 2021-01-12 21:39:28 · 2988 阅读 · 1 评论 -
(最详细)VueApp项目实战5 - - - 项目迁移至Vue-cli4
一、环境配置1.移除旧的脚手架工具npm uninstall vue-cli -g2.全局安装新的脚手架工具npm install @vue/cli -g二.创建新项目# 创建名为'Travel'的项目vue create Trvel# 项目名称首字母不能为大写vue create trvel# 人为选择项目中所包含的特性? Please pick a preset: (Use arrow keys) wh1 ([Vue 3] babel, router, eslint原创 2021-01-08 14:46:36 · 542 阅读 · 2 评论 -
(最详细)VueApp项目实战4 - -详情页
一、安装stylus1.stylus、less、sass三者的区别?三者都是CSS的预处理器,无需考虑浏览器的兼容性问题,可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧,使CSS 更加简洁,不同的是写法上存在些差异;2.stylus的安装二、Ajax动态获取首页数据1.安装axios三、组件化开发该页面可分为’Header’、‘Swiper’、‘Icons’、‘Recommend’、'Weekend’五个组件组成四、定义全局变量、方法、目录别名原创 2021-01-07 17:30:23 · 1567 阅读 · 6 评论 -
(最详细)VueApp项目实战3 - - 城市选择
一、路由配置1.目的为了实现从首页可以跳转到城市选择页面2.编辑’index.js’文件(路径: fonfig/index.js) - - - 创建路由的路径import Vue from 'vue'import Router from 'vue-router'import Home from '@/pages/home/Home'// 引入city这个组件import City from '@/pages/city/City'Vue.use(Router)export defaul原创 2021-01-05 00:08:36 · 6319 阅读 · 1 评论 -
(最详细)VueApp项目实战2 - - 首页制作
一、安装stylus1.stylus、less、sass三者的区别?三者都是CSS的预处理器,无需考虑浏览器的兼容性问题,可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧,使CSS 更加简洁,不同的是写法上存在些差异;2.stylus的安装cd Travel# 进入项目目录文件npm install stylus --save# 安装stylusnpm install stylus-loader --save# 安装stylus的依赖包npm run原创 2020-12-17 19:36:15 · 4000 阅读 · 1 评论 -
(最详细)VueApp项目实战 - - 项目环境搭建
一、项目环境准备1.Node.jsa. 官网下载安装包:Node.js中文官网b. 安装检测:Windows系统打开cmd命令行, Mac系统打开终端node -v# 输入后回车v14.15.1# 出现版本号, 则表示'Node.js'安装成功npm -v# 输入后回车(检测'Node.js'的包管理工具是否自动安装)6.14.8# 出现版本号, 说明安装成功2.Vue脚手架( Vue-CLI )a. 查看Vue官方文档:Vue-CLI脚手架强调!!!此项目运用的是Vu原创 2020-12-17 12:40:25 · 3243 阅读 · 3 评论 -
Vue知识网2021
尤雨溪:一直呆在舒适区往往就得不到提升,程序员能力的提升往往都发生在尝试解决一个从没解决过的问题之后进行反思的过程中。一、MVVM不管是 React 还是 Vue,它们都不是 MVVM 框架,只是有借鉴 MVVM 的思路MVVM ( Model-View-ViewModel ) 是一种软件架构思想。Model 层:数据模型,是代码中主要操作的部分。View 层:视图模板,对应要显示的标签结构。ViewModel 层:用于处理业务逻辑,对于可输入元素(输入框、文本域等)可将 Vi.原创 2021-07-20 11:48:18 · 379 阅读 · 0 评论