VUE基础知识二
Vue基础知识和实例展示
1 Web 概述Web 三要素：HTML，CSS，JavaScript。HTML 用于控制网页的结构，CSS 用于控制网页的外观，JavaScript 控制的是网页的行为。1.1 HTMLHTML 是超文本标记语言（Hyper Text Markup Language），一种纯文本类型的语言，用来设计网页的标记语言，用该语言编写的文件以 .html 或者 .htm 为后缀，由浏览器解释执行，在 H
日期 2023-06-12 10:48:40![vue-router 2.0 常用基础知识点之router.push()[通俗易懂]](/scriptcss/images/15.png)
vue-router 2.0 常用基础知识点之router.push()[通俗易懂]
大家好，又见面了，我是你们的朋友全栈君。router.push(location)除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。 router.push(location) 想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，所以，当用户
日期 2023-06-12 10:48:40Vue组件基础知识点
Vue组件知识点总结一.vue中的组件化开发二.组件的三个组成部分三.组件的使用步骤步骤1步骤2四.注册全局组件五. 组件的props六.props的default默认值，七.prop的type值类型八.props的require必填项九.组件组件的样式冲突问题1.scoped的使用和底层实现原理2.使用/deep/修改修改子组件中的样式 组件化开发指的是根据封装的思想，把页面上可重用的UI结构
日期 2023-06-12 10:48:40
后端 学习 前端 Vue 框架基础知识
文章目录一、Vue 基础语法学习1、Vue 语法指令2、Vue 实例属性（1）el（2）data（3）methods（4）computed3、事件修饰符4、按键修饰符5、Vue实例的生命周期6、ES6语法的基本使（1）声明变量使用let、const（2）箭头函数的使用（3）模板字符串（4）变量名与参数名一致只写一个二、Vue 组件学习1、Vue 标准开发方式2、组件的好处3、组件的使用（1）全局组
日期 2023-06-12 10:48:40
VUE 初学者基础知识
前言自己整理的一些VUE相关知识（1）历史介绍angular 09 年 年份较早 一开始是拒绝 react 13年 用户体验好，一些大公司使用 直接拉到一堆粉丝 vue 14年， 用户体验好 （数据属性非常非常多 上线的时候就会卡顿，react就不会） 尤雨溪（中国人）（2）前端框架与库的区别jquery库 > DOM（操作DOM）+请求art - template库 > 模
日期 2023-06-12 10:48:40webpack基本配置详解_vue基础知识
大家好，又见面了，我是你们的朋友全栈君。devServer可以用来提高开发效率，它提供一下配置可以改变 devServer 的默认行为。除了在配置问题通过 devServer 传入参数外，还可以通过命令行参数传入。注意：只用在通过 devServer 去启动 webpack 时，配置文件里 devServer 才会生效，因为这些参数所对应的功能都是 devServer 提供的，webpack 本身
日期 2023-06-12 10:48:40
Vue 基础知识
1. vue 生命周期函数（详细查看：Vue实例的生命周期（钩子函数）） 有 10 个钩子，对应 5 个动作： create（创建） mount（vdom挂载） update（数据更新导致dom需要重新渲染和打补丁） activated（keep-alive组件激活） destory（销毁） 2. 组件间通讯 父子组件 父 -> 子：props 父 -> 子：$
日期 2023-06-12 10:48:40Vue 基础知识
1. vue 生命周期函数（详细查看：Vue实例的生命周期（钩子函数）） 有 10 个钩子，对应 5 个动作： create（创建） mount（vdom挂载） update（数据更新导致dom需要重新渲染和打补丁） activated（keep-alive组件激活） destory（销毁） 2. 组件间通讯 父子组件 父 -> 子：props 父 -> 子：$
日期 2023-06-12 10:48:40
Vue学习之--------消息订阅和发布、基础知识和实战应用（2022/8/24）
文章目录 1、基础知识2、代码实例2.1 main.js2.2 School.vue2.3 Student.vue2.4 App.vue 3、全局事件总线通信改为消息的订阅和发布3.1 核心部分代码3.1
日期 2023-06-12 10:48:40【Vue】Vue基础知识点介绍（入门级，简单易懂）——day02
大家好，从今天开始，会每天分享vue学习的知识点，一起加油~ 1、事件 1.1监听事件 我们可以使用 v-on 指令 (通常缩写为 @ 符号) 来监听 DOM 事件，并在触发事件时执行一些 JavaScript。 <button @click="cou
日期 2023-06-12 10:48:40【Vue】Vue基础知识点介绍（入门级，简单易懂）——day01
大家好，从今天开始，会每天分享vue学习的知识点，一起加油~ ①首先，牢记三个单词 bind绑定，property属性，mount挂载 1、Vue概述 1.1 特点 尤雨溪创造，V2 与 V3流行Vue是一套用于构建用户界面的渐进式框架结合
日期 2023-06-12 10:48:40Vue基础知识之目录
文章目录 基础知识V2原理 Vue3模板语法指令 Composition API常用部分不常用部分 新组件原理高级 vuex4vue-router基础高级 基础知识
日期 2023-06-12 10:48:40使用Vue3学习Vue的基础知识
创建 Vue 应用 vue的安装有多种方式，本文只讨论基础知识，其他安装方式请自行查阅官网 https://v3.cn.vuejs.org/guide/installation.htm
日期 2023-06-12 10:48:40浅析Vue3相关基础知识：Vue3应用配置、重写的v-model、emits 选项、getCurrentInstance()获取实例、采用mitt实现全局通讯、vue-router的新特性
一、Vue3.x 应用配置 config：包含Vue应用程序全局配置的对象，在挂载应用之前配置相应的属性。 const app = Vue.createApp({}); app.config = {...}; 1、devtools（类型：Boolean，默认：true） 概述：配置是否允许开启vue-devtools检查，一般在开发环境中是true，生产环境中为false。 用法
日期 2023-06-12 10:48:40浅析Vue3相关基础知识点：setup()入口函数、ref()定义响应式数据、reactive()定义多个响应式数据-深层的、toRefs()转换为每个属性都是一个ref、computed()计算属性、watch()监听数据、watchEffect()监听数据变化执行回调、生命周期对比、provide/inject跨层级组件通信
一、setup setup是组合Composition API中的入口函数，也是第一个要使用的函数。 1、setup只在初始化时执行一次，所有的Composition API函数都在此使用。 2、setup是在beforeCreate生命周期之前执行的(只执行一次) beforeCreate() { console.log('beforeCreate执行了'); },
日期 2023-06-12 10:48:40vue项目构建实战基础知识：SPA理解/RESTful接口介绍/static目录配置/axios封装/打包时map文件去除
一、SPA 不是指水疗。是 single page web application 的缩写。中文翻译为 单页应用程序 或 单页Web应用，更多解释请自行搜索。 所有的前端人员都应该明白我们的页面的 url 构成：http://www.fengcms.com/index.html?name=fungleo&old=32#mylove/is/world/peace 如上的 url
日期 2023-06-12 10:48:40Vue组件基础知识总结
组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树。 那么什么是组件呢？组件可以扩展HTML元素，封装可重用的HTML代码，我们可以将组件看作自定义的HTML元素。 一、组件的创建和注册基本步骤 Vue.js的组件的使用有3个步骤：创建组件构造器、注册组件和使用组件。 <!DO
日期 2023-06-12 10:48:407、vueJs基础知识07
UI组件库 element-ui和mint-ui 其实都是借鉴了bootstrap bootstrap: 由twitter 开源 简洁、大方 官网文档https://www.bootcss.com/ 基于 jquery（使用时必须先引入jq） 栅格化系统+响应式工具 (移动端、pad、pc) 按钮 使用工具 bower
日期 2023-06-12 10:48:406、vueJs基础知识06
vue动画 transition 之前1.0版本是以 属性的形式展示的 <p transition="fade"></p> .fade-transition{} .fade-enter{} .fade-leave{} 到2.0以后transition是以组件的形式使用的，并且携带一个name属性用于css动画选择 <transit
日期 2023-06-12 10:48:405、vueJs基础知识05
vue2.0相比于1.0的变化 1、在每个组件模板中，不再支持片段代码，需要一个根元素包裹 组件中模板: 之前: <template> <h3>我是组件</h3><strong>我是加粗标签</strong> </tem
日期 2023-06-12 10:48:404、vueJs基础知识04
简单的目录结构: |-index.html |-main.js 入口文件 |-App.vue vue文件（组件），官方推荐命名法（首字母大写） |-components 组件存放的文件夹 |-package.json 工程文件(项目依赖、名称、配置) npm init --yes 生成 |-web
日期 2023-06-12 10:48:403、vueJs基础知识03
vue过渡(动画) 本质走的css3: transtion ,animation <div id="div1" v-show="bSign" transition="fade"></div> 动画: .fade-transition{ } 进入： .fade-en
日期 2023-06-12 10:48:402、vueJs基础知识02
vue生命周期: 钩子函数: created -> 实例已经创建 √ beforeCompile -> 编译之前 compiled -> 编译之后 ready -> 插入到文档中（相当于window.onload，页面初始化写在此处） √ beforeDestroy -> 销毁之前 destroyed ->
日期 2023-06-12 10:48:401、vueJs基础知识01
vue是框架，vue.js是vue框架的核心js库 库：是一个封装好的特定的方法的集合，提供给开发者使用，库没有控制权，控制权在使用者手中。代表：jQuery、underscore、util 框架：框架就是一整套架构，会基于自身的特点向用户提供一套相当完整的解决方案，而且控制权在框架本身，使用者要用框架所规定的某种规范进行开发。代表：backbone、angular、vue 历史过渡框架：jQu
日期 2023-06-12 10:48:40