Vue框架初识01
摘要vue简介vue使用一、Vue简介：简介：Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。Vue是前端三大框架之一(Angular、Vue、React)JS渐进...
2024-01-10
10-vue的介绍
vue的作者叫尤雨溪，中国人。自认为很牛逼的人物，也是我的崇拜之神。关于他本人的认知，希望大家读一下这篇关于他的文章，或许你会对语言，技术，产生浓厚的兴趣。https://mp.weixin.qq.com/s?__biz=MzA5NzkwNDk3MQ==&mid=2650585523&idx=1&sn=432f53b79da522db26e7f3665d4c04cf&source=41#wechat_redirect送给大家一句话，只...
2024-01-10
Vue商城项目01
将项目源码托管到oschina 码云 中 点击头像 -> 修改资料 -> SSH公钥 如何生成SSH公钥 如果已经创建过，则公匙位置C:\Users\ASUS.ssh，id_rsa.pub文件夹打开复制即可 创建自己的空仓储，Git 全局设置。使用 git config --global user.name "用户名" 和 git config --global user.email ***@**.com 来全局配置提交时用户的名称和邮箱 ...
2024-01-10
02-Vue基础学习
关键字：指令、过滤器、修饰符{{ msg }} 插值表达式v-cloakv-textv-htmlv-bind 绑定属性机制，简写 :。v-on 事件绑定机制，简写 @，语法: v-on:不带on的事件='注册的函数'，举例：v-on:mouseover="showFn"。实例中的 this跑马灯小练习v-model 和 双向数据绑定 （03.v-model指令的学习.html）v-model 是唯一一个可以实现...
2024-01-10
Vue--插槽
在 2.6.0 中，我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中的特性。<slot>元素作为承载分发内容的出口，可以理解为一个占位符，或者说是子组件暴露的一个让父组件传入自定义内容的接口。插槽内可以...
2024-01-10
vue知识点10
今天彻底掌握了如下： 1.解决回调地狱三种方案 callback async await Promise 2.中间件(middleware) express.static 3. express.Router() 就是建立一个路由的中间件 这个路由的中间件可以处理各种请求 app.use([请求字符串],路由中间件) 4.自定义中间件...
2024-01-10
Vue - 实例
1、实例属性介绍如下图所示：具体介绍如下：A、$parent：访问当前组件的父实例B、$root：访问当前组件的根实例，要是没有的话，则是自己本身C、$children：访问当前组件实例的直接子组件实例D、$ref：访问使用了v-ref指令的子组件E、$el:当前用来访问挂载当前组件实例的DOM元素F、$els：访问$el元素...
2024-01-10
Vue实例（1）
vue入门示例（一）herokang 2019-08-21 15:33:58 12696 收藏 44分类专栏： 前端 文章标签： vue入门版权为了让广大后端人员更快的理解上手vue，我们先不适用ide和vue-cli等工具，先采用手动引入js的方式，从一个最简单的例子开始，循序渐进1. 到官网下下vue.jsvue官网我们这里使用开发版，它...
2024-01-10
Vue基础（1）
网址：https://cn.vuejs.org/ 渐进式框架：渐进式：渐进式意味着您可以将vue作为你应用的一部分嵌入其中，带来更丰富的交互体验 Vue不支持IE8及...
2024-01-10
Vue - 尚硅谷
The fate of destruction is also the joy of rebirth.Your effort to remain what you are is what limits youVue：一套用于构建用户界面的渐进式JS框架渐进式：如果你已经有一个现成的服务端应用，也就是非单页应用，可以将Vue.js作为该应用的一部分嵌入其中，带来更丰富的交互体验Vue.js 允许你将一个网页分割成可复用的组件...
2024-01-10
10.Vue请求远端数据库
代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="./lib/vue-2.4.0.js"></scr...
2024-01-10
Vue - 事件绑定
1、内联方式：A：将事件处理器绑定到一个方法中，以下所有事件都以click事件作为案例注意：内联方式下事件处理器只能绑定一个方法，要是想要绑定多个方法，依旧还是使用js中的addEventListener方法进行绑定 B：与原生的js类似，不仅可以绑定到一个方法上，还可以使用内联js语句2、点击事件绑定...
2024-01-10
vue (01) 初探VUE
渐进式(渐进增强)，视图层框架VUE首先，视图层框架表明VUE就只是用来布局【摆界面】的。这就意味着VUE没有通信等功能，缺失的功能通过第三方库实现。然后，我们再来理解一下【渐进式】这个名词，其实渐进式又分为两种情况，优雅降级(向下兼容)，渐进增强(向上兼容)。优雅降级(向下兼容)优...
2024-01-10
Vue小技巧-懒加载
Vue懒加载包括图片懒加载与路由懒加载1、图片懒加载：首先安装 vue-lazyload包然后导入并加载事先下载好的加载图片import VueLazyLoad from 'vue-lazyload'Vue.use(VueLazyLoad,{ loading: require('@/common/image/default.png')})在使用时可以在需要加载图片的位置使用：<img width="100" heigth="100" v-lazy="item.picUrl"/>2、路由懒加...
2024-01-10
我的Vue朝圣之路1
1. Vue是什么? 1). 一位华裔前Google工程师开发的前端js库 2). 一个MVVM框架 3). 核心概念 * 数据绑定 * 组件 * 虚拟DOM 4). 借鉴angular的模板和数据绑定技术 5). 借鉴react的组件化和虚拟DOM技术 6). 体积小, 运行效...
2024-01-10
18课 Vue第一节
Q1: url-loader必须搭载file-loader？Q2: 图片的打包问题，如果直接写在img标签里用src引用图片，该如何打包？Q3: 如何根据不同的页面html模板打包与之对应的css/js文件？--------------------------------------------------------------------------------工具——webpack-------------------------------------------------------------...
2024-01-10
Vue IE11报错
问题:vue-cli3.0打包后用IE11打包报错报错如下:SCRIPT1006: 缺少 ')'chunk-vendors.0e4045c9.js (221,12985)尝试解决的办法:在网上百度的 都说要配置babel/polyfill,项目中已经下载,并且引用了1.在main.js中引入了import 'babel-polyfill';2.在babel.config.js中配置了module.exports = {presets: [['@vue/app', {useBuiltIns: 'entry',...
2024-01-10
Vue -Bus总线
有时候两个组件也需要通信（非父子关系）。当然Vue2.0提供了Vuex，但在简单的场景下，可以使用一个空的Vue实例作为中央事件总线。<div id="app"> <c1></c1> <c2></c2></div>var Bus = new Vue(); //为了方便将Bus（空vue）定义在一个组件中，在实际的运用中一般会新建一Bus.jsVue.component('c1',{ //这里已全局组件为...
2024-01-10
学习Vue---1.Vue核心
渐进式 JavaScript 框架，用来动态构建用户界面1.特点遵循 MVVM 模式编码简洁，体积小，运行效率高，适合 移动/pc 端开发它本身只关注 UI，可以轻松引入 vue 插件或其它第三方库开发项目2.与其他前端 JS 框架的关联借鉴 angular 的模板 和 数据绑定技术借鉴 react 的组件化 和 虚拟 DOM 技术3.Vue 扩...
2024-01-10
Vue学习之路1-集成环境安装
1.前言Vue 是一款友好的、多用途且高性能的javascript框架，与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用，它能够帮你创建可维护性和可测试性更强的代码库，Vue是渐进式的javascript框架库。2.安装简介Vue集成环境三大核心组件：node.js，npm，vue。3.node.js安装下载地址：https://nodejs.org/en/...
2024-01-10![[Vue] 08 - Vuex](/wp-content/uploads/thumbs/532806_thumbnail.jpg)
[Vue] 08 - Vuex
解决不同组件间的数据共享，数据持久化。https://www.bilibili.com/video/BV1zt411e7fp?p=29过去是，父子组件通信：[Vue] 04 - Parameter Passing兄弟组件间的数据共享。local storage, session storage 在哪里？核心概念 State Getter Mutation Action Modulestate & mutations一、定义一个 store.js(1) 增加一个vuex的文...
2024-01-10
Vue项目打包优化（MD.10）
好久不见，最近很忙，大家依然可以关注漫岛的最新动态。今天要说的是Vue项目的一些打包技巧，都是我在漫岛使用过的，因为我们没钱买高配置服务器（目前还是个测试服务器），所以就只能把优化做到更优了。随着项目开发，上线包体积的增大，尤其是我们的vendor.js,这会让项目首屏加载缓慢，白...
2024-01-10
vue中的小踩坑（01）
前言：昨天算是使用vue2.0+element-ui做了一点小小的页面，可是源于其中遇到的问题，特地整理一下，以防自己还有其他的小伙伴们继续踩坑。过程： 1.不知道大家有没有注意到，每次打开项目的时候，在地址栏总会莫名其妙的出现“#”字符，就比如：http://localhost:8080/#/其实，在项目中...
2024-01-10
Vue事件绑定 - 敖胤
Vue事件绑定 Vue事件绑定Vue对事件的基本操作：页面标签中使用v-on:xxx或者简写@xxx绑定事件，xxx指事件属性名事件的回调函数配置在data对象的methods属性对象中，最终绑定在vm上methods中的函数不要使用箭头函数（function()=>{}）形式，否则函数中的this将不会是vm对象methods中配置的函数...
2024-01-10
