vue基础（三）
vue基础（四）
定义Vue组件什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可； 组件化和模块化的不同： + 模块化： 是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一； + 组件化： 是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用；全局组件定义的三种方式使
日期 2023-06-12 10:48:40
vue基础（二）
Vue调试工具vue-devtools的安装步骤和使用过滤器概念：Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示；私有过滤器HTML元素：<td>{{item.ctime | dataFormat('yyyy-mm-
日期 2023-06-12 10:48:40
vue3.0基础教程（一）
前言近两年前端技术变革速度太快，vue不论针对web项目开发，网站制作，还是app，小程序开发，都越来越流行，其便捷性及易用程度都让你不得不考虑去学习。安装nodejs和npm官网下载：https://nodejs.org/zh-cn/download/ 新版的NodeJS已经集成了npm,所以不需要再次安装npm，win安装都是傻瓜式的，一直点下一步，建议安装在其他盘，如D:/nodejs 使用
日期 2023-06-12 10:48:40
史上最详细vue的入门基础
一：VueVue：一种用于构建用户界面的渐进式javascript框架Vue可以自底向上逐层的应用简单应用:只需一个轻量小巧的核心库复杂应用:可以引入各式各样的Vue插件特定：1、采用组件化模式，提高代码复用率，且让代码更好维护2、声明式编码，让编码人员无需直接操作DOM，提高开发效率二：初识vue1.一个vue实例只能对应一个容器，多个容器的话，只显示最先执行的那个2.多个vue实例对应一个实例
日期 2023-06-12 10:48:40
视频讲解vue2基础之渲染v-if/v-show/v-for/v-html
大家好，我是你们的老朋友lqj_本人，最近一周没有更新文章了，是因为最近学校有一些活动比赛，也有一部分原因就是我在录制一些关于前端方面的视频，涉及到的领域主要一前端，比如：H5开发，App开发，小程序开发。前期主要以前端开发为主比如，后期的话会陆续更新关于通过云开发来简化后端从而完成更加快捷全栈开发内容！ csdn：lqj_本人 哔哩哔哩：小淼前端 视频详细讲解可搜索：uni-app框架
日期 2023-06-12 10:48:40vue源码分析-基础的数据代理检测
简单回顾一下这个系列的前两节，前两节花了大量的篇幅介绍了Vue的选项合并，选项合并是Vue实例初始化的开始，Vue为开发者提供了丰富的选项配置，而每个选项都严格规定了合并的策略。然而这只是初始化中的第一步，这一节我们将对另一个重点的概念深入的分析，他就是数据代理，我们知道Vue大量利用了代理的思想，而除了响应式系统外，还有哪些场景也需要进行数据代理呢？这是我们这节分析的重点。2.1 数据代理的含义
日期 2023-06-12 10:48:40vue项目基础配置
一、项目初始化创建1.本地初始化bash 切换到桌面 运行 vue init webpack vue-demo 生成初始化vue项目2.建立和码云的连接在码云上创建一个没有readme的空项目复制我后来在github重新创建并引用了码云的项目,主要维护github,然后使用码云的强制更新关联GitHub的地址.3.建立本地仓库打开第一步创建的项目复制git init <!-- 初始化git
日期 2023-06-12 10:48:40Vue基础①
， 3 8月 2021作者 847954981@qq.com前端学习Vue基础①Vue工程下的文件夹作用：①：assets：存放项目中需要用到的资源文件，css、js、images 等。②：componets: 存放 vue 开发中一些公共组件：例如项目初始的 header.vue、footer.vue 就是公共组件。③：router：vue 路由的配置文件。④：views：存放页面文件⑤：a
日期 2023-06-12 10:48:40Vue基础③
， 7 8月 2021作者 847954981@qq.com前端学习Vue基础③计算属性当我们使用诸如 <p>{{ message.split('').reverse().join('') }}</p>复制以此语法写出的代码读起来十分费劲且也不符合面向对象的思想。所以我们选用<p>{{ reverseMessage }
日期 2023-06-12 10:48:40Vue_(基础)Vue中的事件
Vue.js中文文档 传送门 Vue@事件绑定 v-show：通过切换元素的display CSS属性实现显示隐藏； v-if：根据表达式的真假实现显示隐藏，如果隐藏，它绑定的元素都会销毁，显示的时候再重建； v-else：与v-if配对使用； v-elseif：与v-if配对使用； v-bind：属性绑定；
日期 2023-06-12 10:48:40
vue框架-基础5-vue-使用第三方ui组件快速开发页面，vuetify
### Element 文档地址：http://element-ui.cn 介绍：element ui框架的按钮组件，这款由饿了么前端开源的UI框架，一经面世，就收获大量程序员的芳心。在github 上更是高达29.8k的star早已说明一切。用于开发PC端的页面还是绰绰有余的。如果说你是用vue开发者，却没用过element UI，那你肯定不是合格的vue开发者。 #### vuetify&n
日期 2023-06-12 10:48:40vue框架-基础4-vue-使用vue-cli工具
### 安装，npm install -g @vue/cli 安装完成之后，可以使用vue --version，查看这个vue/cli的版本， ### 创建vue项目 先进入你的项目路径，然后执行，vue create project_name 直接选择default模式，回车， 这就是创建成功了， ### ### 这就是启动了这个vue项目了，
日期 2023-06-12 10:48:40vue框架-基础3-vue-component组件化开发
组件化开发 组件系统是 Vue 的另一个重要概念 意类型的应用界面都可以抽象为一个组件树 也就是说项目都是一个个的组件构成的 我们使用小型、独立和通常可复用的组件构建大型应用。 这是一种开发的理念，组件化开发， 第一个组件示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF
日期 2023-06-12 10:48:40vue框架-基础5-vue-使用第三方ui组件快速开发页面，vuetify
### Element 文档地址：http://element-ui.cn 介绍：element ui框架的按钮组件，这款由饿了么前端开源的UI框架，一经面世，就收获大量程序员的芳心。在github 上更是高达29.8k的star早已说明一切。用于开发PC端的页面还是绰绰有余的。如果说你是用vue开发者，却没用过element UI，那你肯定不是合格的vue开发者。 #### vuetify&n
日期 2023-06-12 10:48:40测试开发之Vue学习笔记-Vue基础
Vue基础 Vue官方文档： https://cn.vuejs.org/v2/guide/syntax.html 1. Vue环境搭建 （1）为什么用框架（Angular,React,Vue) 很多业务逻辑移动到前段实现，Javascript文件
日期 2023-06-12 10:48:40为什么要学Vue，Vue.js是什么，开始学Vue，Vue的基础指令，自定义指令
Vue.js 什么是Vue.js Vue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App， Vue
日期 2023-06-12 10:48:40Visual Studio Code创建 Vue 基础代模板
VSCode（Visual Studio Code）也是支持用户去创建自己想要的代码段的 创建的步骤： ‘文件’ → ‘首选项’ → ‘用户代码段’ （依次进
日期 2023-06-12 10:48:40vue.js--基础 事件结合双向数据绑定实现todolist 待办事项 已经完成 和进行中，键盘事件
<template> <div id="app"> <h1>{{ msg }}</h1> <input type="text" v-model="todo" @keyup="addData($event)"/> <hr> <br> <h2>未完成</h2> <ul> &l
日期 2023-06-12 10:48:40vue基础篇---路由的实现《2》
现在我们来实现这样一个功能： 一个页面，包含登录和注册，点击不同按钮，实现登录和注册页切换： 编写父组件 index.html <div id="app"> <span>登录</span> <span>注册</span> <hr/> <div> 登录页/注册页
日期 2023-06-12 10:48:40vue基础篇---路由的实现
路由可以有两种实现方式，一种是标签形式的，一种是js实现。 标签： <router-link to='/city'> 北京 </router-link> 标签还有另外一种实现方法，用的场景是：当我们用标签包裹的时候vue会自动加一个a标签，所以会改变标签里面的颜色，我们还得修改写好的样式，能不能不这么麻烦呢？当然可以。意思是外面包裹的的还是li标签。但是有路由功能
日期 2023-06-12 10:48:40vue基础篇---class样式绑定
因为class的绑定在实际的工作中会经常用到。所以特意记录一下，有好几种方法。 对象绑定方法，另外一个值来控制显示隐藏 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <scri
日期 2023-06-12 10:48:40vue基础教程安装创建项目
#详细安装步骤 https://www.cnblogs.com/zhaomeizi/p/8483597.html #cli2使用模板创建项目： vue init webpack 项目名称 #cli3使用模板创建项目： vue create 项目名称 卸载cli3 npm uninstall -g @vue/cli 或
日期 2023-06-12 10:48:40【可视化】Vue基础
作者 | Jeskson 来源 | 达达前端小酒馆 Vue简介 Vue框架，框架的作者，尤雨溪，组件化，快速开发的特点。 生命周期 beforeCreate：组件刚刚被创建 created：组件创建完成 生成 beforeMount：挂载之前 mounted：挂载之后 成熟 beforeDestory：组件销毁前调用 destoryed：组件销毁后调用 老年 安装： 全局安装：vue-cl
日期 2023-06-12 10:48:40vuex基础入门
Vuex简介 vuex的安装和组成介绍 [外链图片转存失败(img-nWQUUuyh-1565273314232)(https://
日期 2023-06-12 10:48:40vuex基础入门
Vuex简介 vuex的安装和组成介绍 vuex简介 vuex是一个专门为vue.js应用程序开的状态管理模式 它采用集中式存储管理应用的所有组件的状态 并以相应的规则保证以一种可预测的方式发生变化 应用场景 移动端开发和工程化开发有丰富经验 uejs，node以及小程序有深入研究 多个视图依赖于同一状态 来自不同视图的行为需要改变同一个状态 vue安装和组成介绍 state 数据仓库 get
日期 2023-06-12 10:48:40Vue之axios基础使用
axios 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征： 从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据 客户端支持防止 CSRF/XSRF 安装 npm安装 $ npm inst
日期 2023-06-12 10:48:40VueRouter基础使用
1. 前言 本小节我们介绍如何在 Vue 项目中使用 VueRouter。包括 VueRouter 的下载、什么是 VueRouter、如何使用 VueRouter 配置一个单页应用。其中，学习使用 VueRouter 配置一个单页应用是本节的重点。同学们在学完本节课程之后需要自己多尝试配置路由。 2. 解释 Vue Router
日期 2023-06-12 10:48:40Vue3 快速入门及巩固基础
1. Vue 框架介绍 2. Vue3 安装方式 3. Vue3 模板语法 4. 组件的 data 属性 5. 计算属性和方法 6. 侦听器的使用 7. class 类名绑定对象 8. class 类名绑定数组 9. style 样式绑定对象 10. style 样式绑定数组 11. 条件渲染 v-if 和 v-show 12. 列
日期 2023-06-12 10:48:4003-vue基础-组件
组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素，封装可重用的代码 1、组件注册 全局注册 Vue.component(‘组件名称’, { }) 第1个参
日期 2023-06-12 10:48:40vue基础---列表渲染
首先简单回顾下v-for‘指令 <ol id="list_area"> <li v-for="book in books">{{book.name}}</li> </ol> <script type="text/javascript"> n
日期 2023-06-12 10:48:40vue基础---计算属性和侦听器
【一】计算属性 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： <div id="example"> {{ message.split('').reverse().join('') }} </div> 在这个地方，模板不
日期 2023-06-12 10:48:40