文章/答案/技术大牛

发布

来自专栏大前端666
VUE实战—商品展示切图（7）
: 13px; border-radius: 50%; color: white; background: red; text-align: center; font-size: 7px container-list">
<img src="http://p1.meituan.net/xianfu/6588840adbcfbfe2c<em>7</em>a43aa69d4b36da107767 (btn_yellow_highlighted@2x.png) no-repeat left center; background-size: 2px 10px; padding-left: <em>7</em>px
1.6K00发布于 2019-07-22
来自专栏睡不着所以学编程
Vue笔记(7) 很长
⊙ loader ⊙ ES6转ES5 作用域插槽一句话来说就是: 父组件替换插槽的标签,但是内容由子组件来提供现在做这个案例: 搭建好基本的结构那么此时我想在vue bundle文件,会发现里面还是ES6语法,那么对于一些还支持ES6的浏览器来说,就会出现问题.这个时候需要使用babel npm install --save-derv babel-loader@7 file-loader: npm install file-loader@2.0.0 --save-dev babel: npm install --save-derv babel-loader@7
87720编辑于 2022-09-20
来自专栏柠檬先生
VUE 入门基础(7)
counter += 1">增加1</button> 　　　　　　
这个按钮被点击了{{ counter }} 次
　　　　
　　　　var example1 = new Vue example-2"> 　　　　　　　　<butto v-on:click="greet">Greet</button> 　　　　　　
　　　　　　var example2 = new Vue ({ 　　　　　　　　el:'#example-2', 　　　　　　　　data: { 　　　　　　　　　　　name: 'Vue.js' 　　　　　　　　}, 　　　　　　　　 ')">Say hi</button> 　　　　　　<button v-on:click="say('what')">Say what</button> 　　　　
　　　　new Vue 只有在keyCode 是 13 是调用 vm.submit() 　　　　<input v-on:keyup.13="submit"> 　　　　　　// 记住所有的 keyCode 比较困难，所以Vue

1.6K90发布于 2018-01-22

来自专栏郭少华

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

来自专栏Hammer随笔

Vue 组件实战

目录 Vue 组件 axios实现数据请求计算属性案例一：首字母大写案例二：过滤案例监听属性局部组件全局组件组件通信之父传子组件通信之子传父 ref属性（组件间通信）普通标签使用组件使用 ref属性事件总线（不常用）动态组件和keep-alive Vue 组件 axios实现数据请求 <! /js/vue.js"></script> <script src="https://unpkg.com/axios/dist/axios.min.js"></script> </head> /js/vue.js"></script> </head> <body>

<! () //new一个vue的实例，就是中央事件总线 Vue.component('child1', { template: `

<input type

1.2K30编辑于 2022-05-09

来自专栏小蔚记录

vue -- 7 个有用的 Vue 开发技巧

1 状态共享随着组件的细化，就会遇到多组件状态共享的情况， Vuex当然可以解决这类问题，不过就像 Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是 vue.js 如下这个例子，我们将在组件外创建一个 store，然后在 App.vue组件里面使用 store.js 提供的 store和 mutation方法，同理其它组件也可以这样使用，从而实现多个组件共享数据状态然后在 App.vue里面引入这个 store.js，在组件里面使用引入的数据和方法 ? vue来劫持我们的数据，在大量数据展示的情况下，这能够很明显的减少组件初始化的时间，那如何禁止 vue劫持我们的数据呢？ 7 监听组件的生命周期比如有父组件 Parent和子组件 Child，如果父组件监听到子组件挂载 mounted就做一些逻辑处理，常规的写法可能如下： ?

86820发布于 2019-08-27

来自专栏狮乐园

高级 Vue 组件模式 (7)

别忘了 Vue 组件也是可以传入 Function 类型的 prop 属性的，如下： onReset: { type: Function, default: () => this.on }, 成果你可以通过下面的链接来看看这个组件的实现代码以及演示： sandbox: 在线演示 github: part-7 总结 Function 类型的 prop 属性在一些情况下非常有用，比如文章中提及的状态初始化

87010发布于 2020-01-21

来自专栏前端迷

Vue SSR入门实战

如果对 Vue SSR 完全不了解，请先阅读官方文档。思路 Vue 提供了一个官方 Demo，该 Demo 优点是功能大而全，缺点是对新手不友好，容易让人看蒙。 /App.vue'; var app = new Vue({ el: '#app', components: { App } }); // App.vue <template 编写服务端渲染主体逻辑 Vue SSR 依赖于包 vue-server-render，它的调用支持两种入口格式：createRenderer 和 createBundleRenderer，前者以 Vue // App.vue <template>

App.vue

vue with vue

参考资料从零开始搭建vue-ssr系列之一：写在前面的话, By 会说话的鱼 vue SSR 服务端渲染记录, By echo_numb Vue SSR 官方文档实践·一：从零到粗暴混合前后端, By

3.5K50发布于 2019-08-09

来自专栏前端说吧

Vue - 实战疑点总结

1.注册全局组件（是一个单vue页面组成的一个组件，而不是现拼的template结构）结构：代码：main.js import UserList from '. /components/UserList' Vue.component('user-list', UserList) 2. 背景图引入路径错误问题：如图，结构如下，怎么核对检查，路径和文件名都是没错的，但是不清楚为什么就是找不到图片还报错后来才想到，我的sass文件是引入在app.vue中的，所以路径不对改完后果然ok

66470发布于 2018-05-17

来自专栏前端进阶-詹躲躲

vue项目实战：实战技巧总结

一、创建项目及配置 1.1 vue cli2 创建项目 vue init webpack project npm install npm run dev 1.2 vue cli3 创建项目 vue create /App.vue'; Vue.component(Button.name, Button); Vue.component(Select.name, Select); 或写为 - Vue.use(Button 7、vue 配置网站的 ico 7.1方式一： <link rel="shortcut icon" href=". 举例： <meta name="revisit-after" content="<em>7</em> days" > I. renderer(双核浏览器渲染方式) 说明：renderer 是为双核浏览器准备的，用于指定双核浏览器默认以何种方式渲染页面学习文档访问 vue学习文档01 vue学习文档02

3.9K40编辑于 2022-04-28

来自专栏晓月寒·

vue实战-vue父子组件通信方式汇总

vue项目的一大亮点就是组件化。使用组件可以极大地提高项目中代码的复用率，减少代码量。但是使用组件最大的难点就是父子组件之间的通信。 /children.vue' export default { data () { return { msg: 'hello, children' } }, methods /children.vue' export default { data () { return { msg: "hello,my son" } }, methods

58120发布于 2019-05-22

来自专栏前端导学

PhoneGap+Framework7+Vue Template

$ phonegap create myVueApp --template https://github.com/hollyschinsky/phonegap-template-framework7- vue $ cd myVueApp $ phonegap serve 出自 http://devgirl.org/2017/01/10/phonegap-apps-with-vue-js-yes-please

59840发布于 2019-05-28

来自专栏全栈程序员必看

Activiti7实战-入门

Activiti7的使用 1.什么是工作流？ 1.1工作流介绍工作流：通过计算机对业务流程自动化执行管理。多个参与者按照某种预定规则自动进行传递文档、信息任务处理的过程。 1.4工作流原理分析 2.什么是Activiti7 Activiti 是一个工作流引擎， activiti 可以将业务系统中复杂的业务流程抽取出来，使用专门的建模语言（BPMN2.0）进行定义 SpringBoot Activiti7 发布正式版之后，它与 SpringBoot2.x 已经完全支持整合开发。我们可以将 Activiti7 与SpringBoot 整合开发的坐标引入到工程中，从而达到 SpringBoot 支持 Activti7 整合。 dependency> 步骤二：配置文件application.yml spring: datasource: url: jdbc:mysql://192.168.1.168:3306/activiti7?

83720编辑于 2022-11-19

来自专栏我的前端体系

前端项目搭建实战（Vue）

网上开源的前端框架都写得很好，但是功能比较庞杂，于是着手搭建了一套自己的模板：1.路由配置首先我们要通过路由配置整体的页面结构（Home、About、Login）Vue.use(VueRouter);const /views/About.vue'), }, { path: '/login', name: 'Login', component: () => import('.. next(); } NProgress.done(); }});2.Vuex 全局状态管理在路由配置中我们将角色信息存储在了 Vuex 中，Vuex 的配置如下：import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);export default new Vuex.Store({ state: { // 角色信息 /\.svg$/);req.keys().map(req);这样就可以通过 name 属性访问 svg 了<SvgIcon name="404" className="icon-style" />图片7.

2.1K73编辑于 2022-08-03

来自专栏吴文周的专栏

vue3 实战总结

，通过标记 block 和方法缓存的方式，diff 的优化,示例可以查看链接vue3 模板,正是因为使用模板语言，其标签的固定性可以容易识别出代码块与vue变量才能进行标记和方法缓存，减少对象创建这是提高为什么 vue3 推出和 react-hook 比较相似的 api,开源作者也注意到了前端生态共建的这样的一个场景，对于团队个人发展也是好事，如果从 vue3 的 tsx 转换成 react-hook 中实战示例获取 dom export default defineComponent({ setup(){ const dom = ref(null) // 必须把dom return 官方文档[vue3](www.vue3js.cn/docs/zh/api… vue3尤大教学视频[vue3](www.bilibili.com/video/BV1rC… vue3 Beta官方直播完整版 [vue3](www.bilibili.com/video/BV1Tg… vue3尤大分享视频[vue3](www.bilibili.com/video/BV1qC… react视频[react](www.youtube.com

2.3K30发布于 2021-02-02

来自专栏前端逗逗飞

Vue 实战-视频类webApp

写作初衷在平时的前端开发中，我们更多的是完成螺丝钉的角色，即在公司的前端框架下，实现各种业务逻辑，Vue技术栈并不是难点所在，难点往往在于从 0 到 1 搭建一个完整的实践项目，本项目带领读者开发媲美原生抖音 APP的webApp，使用vue.js作为此项目的技术栈，通过项目脚手架搭建、数据mock、架构设计、代码编写、编译打包，使读者了解前端开发全流程。

73830发布于 2021-04-30

来自专栏徐江伟的专栏

Vue.js 实战总结

下面，在进一步探究Vue.js之前，我们先看一下Vue.js的几个核心概念。组件化组件化开发是最近两三年比较火的概念。 vue-cli Vue.js也提供了非常高效的命令行工具，通过使用几个简单的命令就能快速构建基于Vue.js的组件和应用，极大的减少了开发者的工作量，将开发者从繁杂的重复性的劳动中解放出来。关于vue-cli，我们不再展开，读者可以阅读vue-cli进一步了解vue-cli的功能。下面是一个示例： import Vue from 'vue' import VueResource from 'vue-resource' Vue.use(VueResource) const API vue-router是基于vue.js用来解决前端路由的方案。

8.6K31发布于 2017-05-04

来自专栏吴文周的专栏

vue3 实战总结

53620编辑于 2023-09-01

来自专栏叽叽西

7. Git 命令实战

简而言之 -- mirror 强制推送 all refs under refs/ 下的所有. 保持绝对的同步.

49010编辑于 2022-05-17

来自专栏EdisonTalk

MongoDB入门实战教程（7）

本系列教程目录： MongoDB入门实战教程（1） MongoDB入门实战教程（2） MongoDB入门实战教程（3） MongoDB入门实战教程（4） MongoDB入门实战教程（5） MongoDB入门实战教程（6）前面我们学习了聚合查询，本篇我们来看看在模型设计中如何应用引用模式来提高查询效率。参考资料唐建法，《MongoDB高手课》（极客时间）郭远威，《MongoDB实战指南》（图书）

1.2K10发布于 2021-06-22

第 2 页第 3 页第 4 页第 5 页第 6 页第 7 页第 8 页第 9 页第 10 页第 11 页

点击加载更多

VUE实战—商品展示切图（7）

Vue笔记(7) 很长

VUE 入门基础(7)

Vue实战开发

Vue 组件实战

vue -- 7 个有用的 Vue 开发技巧

高级 Vue 组件模式 (7)

Vue SSR入门实战

App.vue

Vue - 实战疑点总结

vue项目实战：实战技巧总结

vue实战-vue父子组件通信方式汇总

PhoneGap+Framework7+Vue Template

Activiti7实战-入门

前端项目搭建实战（Vue）

vue3 实战总结

Vue 实战-视频类webApp

Vue.js 实战总结

vue3 实战总结

7. Git 命令实战

MongoDB入门实战教程（7）

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

VUE实战—商品展示切图（7）

Vue笔记(7) 很长

VUE 入门基础(7)

Vue实战开发

Vue 组件实战

vue -- 7 个 有用的 Vue 开发技巧

高级 Vue 组件模式 (7)

Vue SSR入门实战

App.vue

Vue - 实战疑点总结

vue项目实战：实战技巧总结

vue实战-vue父子组件通信方式汇总

PhoneGap+Framework7+Vue Template

Activiti7实战-入门

前端项目搭建实战（Vue）

vue3 实战总结

Vue 实战-视频类webApp

Vue.js 实战总结

vue3 实战总结

7. Git 命令实战

MongoDB入门实战教程（7）

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

vue -- 7 个有用的 Vue 开发技巧