随笔分类 -  Vue

摘要:Vue 插槽 插槽的基本使用 组件使用slot标签,显示组件标签的内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></scri 阅读全文
posted @ 2022-04-18 11:50 hai起奈 阅读(34) 评论(0) 推荐(0) 编辑
摘要:CLI CLI (@vue/cli) 是一个全局安装的 npm 包,提供了终端里的 vue 命令。它可以通过 vue create 快速搭建一个新项目,或者直接通过 vue serve 构建新想法的原型。你也可以通过 vue ui 通过一套图形化界面管理你的所有项目。 没有安装好cli脚手架的可以继 阅读全文
posted @ 2022-04-18 11:48 hai起奈 阅读(1025) 评论(0) 推荐(0) 编辑
摘要:Vue实战-购物车案例 Vue实战-购物车案例 普通购物车 实现的功能:添加商品到购物车,计算总价 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>购物车</title> <script src="https 阅读全文
posted @ 2022-04-14 09:28 hai起奈 阅读(439) 评论(0) 推荐(0) 编辑
摘要:Vue生命期钩子 vue 的8个生命周期钩子函数 钩子函数 描述 beforeCreate 创建Vue示例之前调用 created 创建Vue实例成功后调用(可以在此处发送异步请求后端数据) beforeMount 渲染DOM之前调用 mounted 渲染DOM之后调用 beforeUpdate 重 阅读全文
posted @ 2022-03-28 19:41 hai起奈 阅读(59) 评论(0) 推荐(0) 编辑
摘要:组件生命周期图 组件生命周期钩子 所有的生命周期钩子自动绑定 """ 一、组件的生命周期:一个组件从创建到销毁的整个过程 二、生命周期钩子:在一个组件生命周期中,会有很多特殊的时间节点,且往往会在特定的时间节点完成一定的逻辑,特殊的事件节点可以绑定钩子 注:钩子 - 提前为某个事件绑定方法,当满足这 阅读全文
posted @ 2022-03-28 19:20 hai起奈 阅读(239) 评论(0) 推荐(0) 编辑
摘要:element-ui插件 """ element-ui就类似于BootStrap框架,前者是在vue项目中运用,后者是在原生项目中运用,当然也可以在vue项目中运用 环境搭建: 1)安装:在前端项目根目录下的终端 cnpm install element-ui 2)配置:main.js //elem 阅读全文
posted @ 2022-03-28 19:19 hai起奈 阅读(34) 评论(0) 推荐(0) 编辑
摘要:路由重定向 仓库介绍 vuex插件:可以完成任意组件间信息交互(移动端) 大白话原理:仓库充当第三方,其他组件都从第三方仓库获取info,那么获取的数据都是一份。类似全局单例 在其他组件中,用组件钩子created,把仓库中的info取出来,然后再赋值给本组件的变量。 再监听,如果本组件的变量发生变 阅读全文
posted @ 2022-03-28 19:19 hai起奈 阅读(230) 评论(0) 推荐(0) 编辑
摘要:1.跟组件: App.vue <template> <div id="app"> <router-view /> </div> </template> 2.路由配置:router--index.js 只保留home主页,删除about页,删除views中About组件 const routes = 阅读全文
posted @ 2022-03-28 19:16 hai起奈 阅读(307) 评论(0) 推荐(0) 编辑
摘要:一、Vue简介 什么是数据 1、数据驱动视图 Vue.js 是一个用于创建 Web 交互界面的库。它让你通过简单而灵活的 API 创建由数据驱动的 UI 组件。 Vue.js是一款轻量级的、以数据驱动构建web界面的前端JS框架,它在架构设计上采用了MVVM(Model-View-ViewModel 阅读全文
posted @ 2022-03-28 19:15 hai起奈 阅读(276) 评论(0) 推荐(0) 编辑
摘要:项目搭建 下载node 官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/ 安装cnpm,用淘宝源: npm install -g cnpm --registry=https://registry.npm.taobao.org 检测是否安装成功:cnpm -version 阅读全文
posted @ 2022-03-28 19:15 hai起奈 阅读(179) 评论(0) 推荐(0) 编辑
摘要:Vue 一. 什么是Vue 渐进式 javaScript框架 可以独立完成前后端分离时 Web项目的JavaScript框架 渐进式:可以控制一个页面的一个标签,也可以控制一系列标签,也可以控制整个页面,甚至可以控制整个前台项目 二.为什么学Vue 为什么:为了前后端完全分离开发 前端三大主流框架: 阅读全文
posted @ 2022-03-28 19:14 hai起奈 阅读(194) 评论(0) 推荐(0) 编辑
摘要:Vue快速使用 1 vue:就是一个js框架,跟jquery很像2 cdn,下载到本地,script中引入 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> ​ <script sr 阅读全文
posted @ 2022-03-25 23:12 hai起奈 阅读(508) 评论(0) 推荐(0) 编辑

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