![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 86
于斤欠
学无止境
展开
-
ssm-前端
给原创 2022-06-17 11:45:08 · 149 阅读 · 0 评论 -
vuex
1. vue中各个组件之间传值 1. 父子组件 父组件-->子组件,通过子组件的自定义属性:props 子组件-->父组件,通过自定义事件:this.$emit('事件名',参数1,参数2,...); 2. 非父子组件或父子组件 通过数据总数Bus,this.$root.$emit('事件名',参数1,参数2,...) 3. 非父子组件或父子组件 更好的方式是在vue中使用vuex 简介 Vuex 是一...原创 2022-05-26 09:19:50 · 177 阅读 · 0 评论 -
使用vue-cli来搭建vue项目
前提:搭建好NodeJS环境 node -v npm -v 1. 什么是vue-cli? vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,创建命令如下: vue init webpack xxx 注1:xxx 为自己创建项目的名称 注2:必须先安装vue,vue-cli,webpack,node等一些必要的环境 2. 安装vue-cli npm in...原创 2022-05-13 11:22:23 · 119 阅读 · 0 评论 -
vue之基础语法
Class 与 Style 绑定 操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。 绑定 HTML Class 语法格式: 使用方式:v-bind:class="expression" expr原创 2022-05-12 11:40:26 · 497 阅读 · 0 评论 -
vue之入门2
模板语法 Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。 如果你熟悉虚拟 DOM 并且偏爱 JavaScript 的原始力量,你也可以不用模板,直接写渲染 (render) 函数 插值原创 2022-05-06 19:03:54 · 115 阅读 · 0 评论 -
Vue入门
1.介绍 1.1.Vue.js 是什么 是中国的大神尤雨溪开发的,为数不多的国人开发的世界顶级开源软件 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 Vue.js 是一个轻巧、高性能、可组件化的 MVVM 库,拥有非常容易上原创 2022-05-05 22:33:08 · 137 阅读 · 0 评论