- 综合排序
- 最热优先
- 最新优先
- 来自专栏睡不着所以学编程
Vue笔记(6)
此时的$refs 比如我们现在在子组件中添加一个data 现在在父组件中可以这样访问: $parent 浅浅套个娃: 还好我跟得上hhh,不然真的有点看不懂了 按按钮: 是一个vue 组件对象 现在在父组件的data里添加一个name属性: 然后在子组件中打印出来: 但是这个用的也很少 $root 我们直接在刚刚的子组件里面访问根组件,看看出来的是什么: 是我们的Vue 插槽slot 组件的插槽 组件的插槽也是为了让我们封装的组件更加具有扩展性 让使用者可以决定组件内部的一些内容到底展示什么 例子 移动开发中,几乎每个页面都有导航栏 导航栏我们必然封装成一个插件
72610编辑于 2022-09-20 - 来自专栏前端达人
Vue开发中常用的ES6新特性
ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，正式发布与2015年6月。 它的目标，是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 在vue应用开发中使用的所有必要功能来改善编程体验，提高开发效率及代码质量。通过Vue CLI的Babel或core-js集成，使开发中的代码严格按照配置规范进行迭代，有助于团队协作。 const是另一个用于声明变量的ES6关键字。 实用方法 下面就来介绍在VUE中，比较实用的ES6的方法或属性。 Object.assign() Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。
1.8K10发布于 2021-07-16 - 来自专栏柠檬先生
VUE 入门基础(6)
Not A/B/Cv-else-if必须跟在v-if或者v-else-if之后 使用key控制元素的可重用 vue example-1">- {{item.message}}
var example1 = new Vue parentMessage}} - {{ index }} - {{ item.message }} var example2 = new Vue , index) in items" v-bind:item="item" v-bind:index="index"> </my-component> key 为了给vue 数组更新检测 变异方法 vue包含一组观察数组的变异方法，所以我们将会触发视图更新，这些方法如下。1.8K90发布于 2018-01-22 - 来自专栏狮乐园
高级 Vue 组件模式 (6)
Note: 这里关于指令的引入，使用的函数简写的方式，会在指令的 bind 和 update 钩子函数中触发相同的逻辑，vue 中的指令包含 5 个不同的钩子函数，这里就不赘述了，不熟悉的读者可以通过阅读官方文档来了解 成果 你可以通过下面的链接来看看这个组件的实现代码以及演示： sandbox: 在线演示 github: part-6 总结 关于指令的概念，我自身还是在 angularjs 中第一次见到，当时其实不兴组件化开发这个概念 到后来兴起了组件化开发的开发思想，指令似乎是随着 angularjs 的没落而消失了踪影。 但仔细想想的话，web 开发流程中，并不是所有的场景都可以拿组件来抽象和描述的，比如说，你想提供一个类似高亮边框的公用功能，到底如何来按组件化的思想抽象它呢？这时候使用指令往往是一个很好的切入点。
75220发布于 2020-01-21 - 来自专栏最新最全的大数据技术体系
SpringBoot+Vue（二）ES6模块化、SPA-Vue企业级开发和Vue全家桶
文章目录 md格式文档可点击下方小卡片问我获取 Vue全家桶 0 前置知识-ES6模块化 0.1 目标 0.2 路径 0.3 体验 0.1.1 什么是模块化 0.1.2 export 0.1.3 import 0.4 结论 1 SPA-Vue企业级开发模式介绍 1.1 目标 1.2 路径 1.3 体验 1.3.1 什么是SPA？ 全家桶 课程目标： 1 能够说出Vue全家桶的各个组件(Vue-CLI、Vue-Router、Vuex、Axios)的概念、功能和使用场景 2 能够使用Vue全家桶进行项目开发 0 前置知识-ES6模块化 1 SPA-Vue企业级开发模式介绍 1.1 目标 能够说出SPA-Vue企业级开发模式的相关概念 1.2 路径 介绍SPA的概念 阐述SPA的优点和缺点 阐述Vue全家桶技术栈的组件 讲解SPA 我们可以使用 Vue 框架来开发 SPA，开发时使用的技术： 1、使用 Vue Cli 脚手架工具快速构建项目目录结构、开发环境、部署 2、使用 Vue-Router 实现路由，实现组件之间的切换 3、
1.1K10编辑于 2021-12-06 - 来自专栏一Li小麦
vue 随记（6）：构建的艺术
vite的构建艺术 Vite 是一个由原生 ESM 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发，在生产环境下基于 Rollup 打包。 尤雨溪在B站直播提到他最近在做的这工具 vite[1] ,一个实验性的no build的vue开发服务器。(这个小工具可以支持热更新,且不用预编译)。 理论上支持react等任意前端开发框架。作者甚至在社交网络直言：他以后再不想用 webpack 了。 ? 但是，因为JS module是“现代浏览器”支持功能，对于远古浏览器是不支持的。 因此，只建议在开发环境下使用。对于生产环境，还是只能走打包那套。 2. mini版的实现 项目需求：基于现代浏览器实现一个mini版的vite工具。 2.2 支持导入vue框架 首先安装vue 3: npm i vue@next -S 2.2.1 允许/@modules/vue语法（rewriteImport） 在做vue开发时，我们通常怎样使用的脚手架
1.2K20发布于 2020-07-28 - 来自专栏DotNet NB && CloudNative
.NET 6+Vue+Element+Uniapp 前后端分离低代码快速开发框架
前言 这是一个能提高开发效率的开发框架，全自动生成PC与移动端(uniapp)代码;支持移动ios/android/h5/微信小程序。 一、框架能做什么 1、前后端分离项目 2、纯后端项目 3、移动端开发uni-app（IOS、Android、H5、微信小程序） 4、内容管理系统 二、框架有哪些功能 1、代码生成器 2、一对一与一对多代码生成 3、全自动导入导出功能 4、用户管理 5、角色管理 6、权限分配 7、用户权限 8、数据权限 9、字段权限 10、自定义打印 11、微信小程序 12、H5、小程序、APP开发 13、审批流 14、多语言 后台 vs2022、.Net6 、EntityFrameworkper、Autofac、SqlServer/MySql/PGSql/Oracle、Redis 前端 vscode、Vue3、vuex、axios http://www.volcore.xyz/ 框架文档：http://v2.volcore.xyz/document/guide 仓库地址：https://gitee.com/x_discoverer/Vue.NetCore
1.4K30编辑于 2023-09-19 - 来自专栏前端自习课
【推荐】1408- 分享 6 个 Vue3 开发必备的 VSCode 插件
今天分享 6 个 Vue3 开发必备的 VSCode 插件，可以直接用过 VSCode 的插件中心直接安装使用。 如果有觉得有帮助，还请点赞支持一下~ 1. Volar 下载数 153 万+ 相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生，作为 Vue2 配套的 VSCode 插件，它的主要作用是对 Vue 单文件组件提供高亮 简直是 Vue3 开发必备神器。 该插件支持：Volar、Vue2 和 Vue3。 Vue Theme 下载数 34 万+ Vue Theme 插件提供了不错的 Vue 主题，还支持配置不同颜色，感觉还不错。 6. 总结 今天分享的 6 个插件，大家可以按需安装使用。 我比较强烈推荐实用 Volar 和 Vue VSCode Snippets 这 2 个插件。如果觉得不错，还请点赞支持。
4K10编辑于 2022-11-15 - 来自专栏盛开在夏天的太阳
6. vue组件详解(一)
组件data关联的写法 6. 父子组件的通信 ---- 组件系统是 Vue 的一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。 也就是说任何一个Vue实例对象都可以使用. 最后我们可以把comp2注册到Vue对象上, 在页面就可以调用了 // vue也是一个组件, 是一个root根组件 var app = new Vue({ 组件语法糖的写法 在vue2之后, 就很少看到Vue.extend({})的写法了, 而是使用语法糖 // 语法糖的写法 Vue.component('comp2', { template: ' 在模板组件中定义与vue属性接收的变量 3.
1.8K20发布于 2021-03-04 - 来自专栏郭少华
Vue实战开发
Vue-cli搭建开发环境 1.安装vue-cli脚手架 mpm install vue-cli -g 2.初始化项目 vue init webpack AwesomePos 3.修改index.html 在src/components/目录下新建Fwsb.vue文件。 import Vue from 'vue' import Router from 'vue-router' import HelloWorld from '@/components/HelloWorld ' import Fwsb from '@/components/Fwsb' Vue.use(Router) export default new Router({ routes: [ 在main.js写入以下内容 import ElementUI from 'element-ui' import 'element-ui/lib/theme-default/index.css' Vue.use
90920发布于 2018-09-11 - 来自专栏CSDN迁移
Vue 开发实录
Vue 开发实录 一、常用关键字的理解 1. var、let 和 const 的区别 2. import 和 require 的区别 3. 组件通信 通信方式 Vuex 4. 2. import 和 require 的区别 CommonJS（require）还是 ES6 Module（import）输出都可以看成是一个具备多个属性或者方法的对象； default 是 ES6 Module 所独有的关键字，export default fs 输出默认的接口对象，import fs from 'fs' 可直接导入这个对象； ES6 Module 中导入模块的属性或者方法是强绑定的 Vuex 定义 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 Draggable 拖动 Vue.Draggable：基于 Sortable.js 的 Vue 拖拽组件 参考博客 五、VUE 的理解 1.路由 路由跳转的三种方式 1.使用 path 来匹配路由，其后添加
1.2K10编辑于 2022-10-25 - 来自专栏个人积累
vue 开发规范
/ bad export default { name: 'item' } // good export default { name: 'page-article-item' } vue -- ComponentA.vue --> <template>...</template> <script>/* ... */</script> <style>/* ... /part/part1.vue'; import part2 from './part/part2.vue'; import part3 from '. 当在组件中使用 data 属性的时候 (除了 new Vue 外的任何地方)，它的值必须是返回一个对象的函数。 // 在一个 Vue 的根实例上直接使用对象是可以的， // 因为只存在一个这样的实例。
1.2K31发布于 2020-10-10 - <script> let app = new Vue label> <input type="submit" value="提交"> </label> </form><script> const app = new Vue 为了解决这个问题，Vue.js 为 v-on 提供了事件修饰符。之前提过，修饰符是由点开头的指令后缀来表示的。 .stop：event.stopPropagation，阻止事件冒泡。 "> 1111 <button @click.stop="btnClick">按钮</button>来自专栏全栈程序员必看
Vue（6）v-on指令的使用
counter += 1">+1</button> <button @click="subtract(10)">-10</button>
