- 综合排序
- 最热优先
- 最新优先
- 来自专栏郭少华
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
90420发布于 2018-09-11 - 来自专栏个人积累
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 - 来自专栏CSDN迁移
Vue 开发实录
Vue 开发实录 一、常用关键字的理解 1. var、let 和 const 的区别 2. import 和 require 的区别 3. 组件通信 通信方式 Vuex 4. Draggable 拖动 五、VUE 的理解 1.路由 2. `this. $emit/on来使用 var eventBus = { install(Vue,options) { Vue.prototype. Vuex 定义 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 Draggable 拖动 Vue.Draggable：基于 Sortable.js 的 Vue 拖拽组件 参考博客 五、VUE 的理解 1.路由 路由跳转的三种方式 1.使用 path 来匹配路由，其后添加
1.2K10编辑于 2022-10-25 - 来自专栏前端小菜鸡yym
搭建vue开发环境
---- 这是我参与8月更文挑战的第28天，活动详情查看:8月更文挑战 引入vue vue对于新手来说是先推荐使用script引入的开发模式。不推荐使用脚手架的开发模式。 我们肯定要使用开发版本，因为可以看到警告 我们为了方便就不再去官网下载vue.js 直接引入CDN <script src="https://cdn.jsdelivr.net/npm/<em>vue</em>@2.6.14 /dist/<em>vue</em>.js"></script> Vue.config Vue.config 是一个对象，包含 Vue 的全局配置。 关闭提示： Vue.config.productionTip = false vue开发者工具 以下都需要有翻墙的条件才可以（Latern翻墙不错） 1.进入到扩展程序 2.打开chrome网上应用店 3.搜索vue 4.添加到扩展程序 如果没有翻墙的条件可以安装本地的开发工具 请移驾 Hello小案例 准备一个容器 root容器中的代码被称为 vue模版。
62660编辑于 2023-01-12 - 来自专栏电光石火
vue开发环境搭建
首先，列出来我们需要的东西： node.js环境（npm包管理器） vue-cli 脚手架构建工具 cnpm npm的淘宝镜像 vue的安装 1.vue的安装依赖于node.js,所以先安装过 registry.npm.taobao.org 然后等待，安装完成后可进入cmd编辑器，输入命令 cnpm -v进行查看,如已成功安装node会出现 v 6.9.1如果想进一步了解cnpm的，查看淘宝npm镜像官网 后，就可以开始vue 如果使用淘宝镜像安装就输入命令行 $ cnpm install -g vue-cli进行安装，如果没有安装淘宝镜像依旧用$ npm install -g vue-cli安装： 输入命令 cnpm -V 出现4.4.0代表淘宝镜像安装成功 输入命令 vue -V 出现2.5.0代表VUE安装成功 3.可以开始建立一个vue项目啦 #全局安装 vue-cli npm install --global vue-cli #创建一个基于webpack模板的项目 文件夹名myproject vue init webpack myproject #安装依赖 cd myproject npm install npm run
1K10发布于 2019-12-07 - 来自专栏电光石火
vue开发环境搭建
首先，列出来我们需要的东西： node.js环境（npm包管理器） vue-cli 脚手架构建工具 cnpm npm的淘宝镜像 vue的安装 1.vue的安装依赖于node.js,所以先安装过 如果使用淘宝镜像安装就输入命令行 $ cnpm install -g vue-cli进行安装，如果没有安装淘宝镜像依旧用$ npm install -g vue-cli安装： 输入命令 cnpm -V 出现4.4.0代表淘宝镜像安装成功 输入命令 vue -V 出现2.5.0代表VUE安装成功 3.可以开始建立一个vue项目啦 #全局安装 vue-cli npm install --global 作者：陌晴 版权所有：《电光石火》 => vue开发环境搭建 本文地址：http://www.ilkhome.cn/?post=323 欢迎转载！ 复制或转载请以超链接形式注明，文章为 陌晴 原创，并注明原文地址 vue开发环境搭建，谢谢。
1.1K40发布于 2018-04-23 - 来自专栏Golang开发
Vue开发环境搭建
/ 查看当前npm版本 npm --version 6.4.1 升级npm sudo npm install -g npm 安装vue npm install vue 安装Vue CLI脚手架 $ npm " (no hyphen) /usr/local/bin/vue-list -> /usr/local/lib/node_modules/vue-cli/bin/vue-list /usr/local/ bin/vue-init -> /usr/local/lib/node_modules/vue-cli/bin/vue-init /usr/local/bin/vue -> /usr/local/lib /node_modules/vue-cli/bin/vue + vue-cli@2.9.6 added 121 packages from 134 contributors, removed 10 packages CLI3 创建项目 npm uninstall -g vue-cli npm install -g @vue/cli vue --version 3.8.2 使用脚手架创建helloworld工程 vue
1.2K51发布于 2019-06-15 - 来自专栏Kiba518
使用VisualStudioCode开发Vue
前言 本文主要介绍在VisualStudioCode下开发Vue。 Nodejs、Npm、Vue的项目搭建参考下面文章。 用后台开发的逻辑理念学习VUE 在Windows下学习Nodejs、Npm和VUE VSCode配置 首先为VSCode增加插件，ctrl+shift+X调出扩展管理界面。 Vue开发 首先创建一个Vue项目——vue init webpack KibaProject。 然后使用VSCode打开文件夹，打开项目。 Vue.use(ElementUI) 然后就可以使用ElementUI开发了。 ------------------------------------------------------------------------------ 到此，使用VisualStudioCode开发
1.2K20发布于 2021-10-09 - 来自专栏网络收集
vue组件化开发
4、组件化开发 认识组件化 人面对复杂问题的处理方式： 任何一个人处理信息的逻辑能力都是有限的 所以，当面对一个非常复杂的问题时，我们不太可能一次性搞定一大堆的内容。 image.png Vue组件化思想 组件化是Vue.js中的重要思想 它提供了一种抽象，让我们可以开发出一个个独立可复用的小组件来构造我们的应用。 任何的应用都会被抽象成一颗组件树。 image.png 组件化思想的应用： 有了组件化的思想，我们在之后的开发中就要充分的利用它。 尽可能的将页面拆分成一个个小的、可复用的组件。 这样让我们的代码更加方便组织和管理，并且扩展性也更强。 1.Vue.extend()： 调用Vue.extend()创建的是一个组件构造器。 通常在创建组件构造器时，传入template代表我们自定义组件的模板。 2.Vue.component()： 调用Vue.component()是将刚才的组件构造器注册为一个组件，并且给它起一个组件的标签名称。
40420编辑于 2022-05-27 - 来自专栏FECoding
Vue 插件开发入门
相对组件来说，Vue 的插件开发受到的关注要少一点。但是插件的功能是十分强大的，能够完成许多 Vue 框架本身不具备的功能。 大家一般习惯直接调用现成的插件，比如官方推荐的 vue-router、vue-touch 等。 下面就看一下 Vue 的插件开发如何入门。 首先我们简单回顾一下 Vue.js 官方文档中对于插件开发的描述。 进行 Vue 的大型项目开发时，如果用 vue-cli 生成项目目录结构，Vue.use() 方法一般在 main.js 中调用。 Vue 的插件开发过程有了一定的了解，大家就可以根据自己的需要为 Vue 增加各种全局功能了。
1.1K20发布于 2019-04-24 - 来自专栏腾讯NEXT学位
VUE组件开发规范
“ Vue组件提供了丰富多样的配置可供开发者使用，不同的配置项书写顺序并不影响实际运行效果，但这缺给后期维护带来了一定的困扰，因此在蓝鲸产品中心我们规范了配置项的书写顺序。 ” 01 书写原则 组件是什么 组件需要依赖什么 组件需要什么数据 组件内部有什么数据 组件在各生命周期做了什么 组件有什么API可调用 02 规范 一 组件是什么 首先应该告诉开发者该组件是什么，因此我们要求将 二 组件需要依赖什么 开发维护一个组件时，通常组件内部还依赖了其他的组件，类似js中需要将依赖import写在最上方，因此我们要求components属性紧邻name属性。 ?
1.3K31发布于 2019-09-29 - 来自专栏别先生
Vue组件化开发
1、Vue组件化开发思想。 引述：组件化规范Web Components。 1）、我们希望尽可能多的重用代码。 2）、自定义组件的方式不太容易（html、css、js）。 " type="text/javascript"></script> 21 <script type="text/javascript"> 22 // Vue的组件化开发 26 // }); 27 // Vue的组件化开发，Vue的注册，下面的语法就将组件注册成功了。 27 // }); 28 // Vue的组件化开发，Vue的注册，下面的语法就将组件注册成功了。 5）、选中开发者模式。 6）、加载已解压的扩展，选择shells/chrome。 6、Vue组件，组件之间的关系，包含父子关系（祖孙关系）和兄弟关系。组件间数据交互。
3.5K20发布于 2020-04-24 - 来自专栏Java 学习
Vue 组件化开发
在前端范畴，我们可以用下面的这张图来简单地理解组件化： 这样看起来，组件化前端开发就像造一辆车，我们将轮子、发动机、悬挂、车身车门等等各部分组装成一辆车，轮子、发动机就是组件，车就是最终产品。 会表现出高内聚低耦合的特征，这会给我们带来好处；组件之间不会相互影响，能有效减少出现问题时定位和解决问题的时间；组件化程度高的页面，具有清晰的页面组织和高可读性的 HTML 结构代码，组件之间的关系一目了然；组件化会强迫开发人员划清各个组件的功能边界 ，使得开发出的功能更加健壮；所以分而治之才是组件化的意义所在，复用只是它的副作用。 进行开发需要抽取的东西就只有组件和方法了，下面我们就可以将 MyComponent.vue 组件和 Fun.js 引入到页面中。 }, data() { return { title: "中国", text: "Java 开发者
2.1K30发布于 2020-09-28 - 来自专栏Article
vue directive 指令开发
涉及到复杂的行为，尤其是要接受各种选项的，那么就适合在 component 中去实现 https://github.com/vuejs/vue/issues/862 全局指令 // 注册一个全局自定义指令 `v-focus` Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 function () { let vueLazy = {}; // options vue.use(xxx,{}) 传入额外参数 vueLazy.install = function (Vue, options) { Vue.directive('lazy', { bind(el, binding) { }, { define([], function () { return vueLazy }); } else if (window.Vue
41210编辑于 2022-06-14 - 来自专栏Krryblog
Vue 开发技巧总结
博客地址：https://ainyi.com/95 本人玩了 Vue 两年多，在此总结一下开发时的一些技巧和方法 自定义组件 v-model v-model 是 Vue 提供的一个语法糖，它本质上是由 应该不会对函数式组件感到陌生 函数式组件，我们可以理解为==没有内部状态==，==没有生命周期钩子函数==，==没有 this==(不需要实例化的组件) 由于它像函数一样轻巧，没有实例引用，所以渲染性能提高了不少 在日常开发中 ，经常会开发一些纯展示性的业务组件，比如一些详情页面，列表界面等，它们有一个共同的特点是只需要将外部传入的数据进行展现，不需要有内部状态，不需要在生命周期钩子函数里面做处理，这时候你就可以考虑使用函数式组件 $watch 的返回值 unwatch 是个方法，执行后就可以取消监听 传送门 Vue 自定义指令 Vue3 为何使用 Proxy 实现数据监听 Vue JSX、自定义 v-model Vue.nextTick 的应用解析 Vue 路由模块化配置 关于 Vue 不能 watch 数组 和 对象变化的解决方案 Vue.mixin Vuex 相关理解 Vue 知识总结 博客地址：https://ainyi.com
84940发布于 2020-08-28 - 来自专栏全栈程序员必看
请简述什么是Vue组件化开发_vue组件化开发
前言 真实项目开发过程中，我们都是使用组件化的去开发vue的项目，但是组件化的思想又是如何来的呢？ 下面就从开始讲解演变过程 演变过程1.0 一般情况下vue都是单页面开发，所以项目中只会有一个index.html文件，而且大多数时候这个html中的内容都是固定死的，之前我们都是把模板代码写在html /vue/App"; 此时我们打包是会报错的，因为我们项目中用到了.vue的组件，所以必须安装vue-loader和vue-template-compiler 安装命令如下： npm install - D vue-loader vue-template-compiler 这样是默认安装最新版本的"vue-loader": "^16.3.0"和"vue-template-compiler": "^2.6.14 ，我们需要在webpack中的rules中配置vue { test: /\.vue$/, loader: 'vue-loader' } 又因为我们的vue-loader是15以上的版本，所以必须在你的
70010编辑于 2022-09-19 - 来自专栏梅花的学习记录
【Vue 学习笔记 一、Vue开发环境搭建】
搭建Vue的开发环境 1.首先安装Nodejs （因为我的系统是Windows的所以就选择第一个了，这个看个人的开发环境） ? 2.搭建vue的开发环境，安装vue的脚手架工具 ，输入下面的命令 cnpm install --global vue-cli 也可以使用命令 npm install --global vue-cli （这个也可以使用，但是我个人不太推荐，只要是下载的速度实在是太太太慢了） 安装过程如下，速度飞起，安利给大家 ? 3.创建项目 必须cd 到对应的一个项目里面 vue init webpack vue-demo01 ? 可能安装过程很慢，请耐心等待。 我使用的是Vs code 安装vue 的代码提示插件 ? 然后修改其中的App.vue 代码，返回浏览器中查看 ? 修改成功！！！！
53610发布于 2020-09-28 - 来自专栏全栈程序员必看
vue开发企业微信_vue全局api
Vue调用企业微信API详细过程 一、生成签名 1.获取企业ID与Secret 2.获取Access_token 3.获取ticket 二、生成签名以及回调 先捋一下大概的步骤： 1、首先需要从企业微信管理后台拿到
2.3K20编辑于 2022-11-11 - 来自专栏朝雨忆轻尘
Vue笔记：使用node开发vue入门实例
npm install webpack -g 安装 vue-cli 安装 vue 脚手架项目初始化工具 vue-cli，-g 表示全局安装。 $ vue init webpack kitty -- 这个是那个安装vue脚手架的命令 This will install Vue 2.x version of the template. --这里说明将要创建一个vue 2.x版本的项目 For Vue 1.x use: vue init webpack#1.0 kitty ? Vue build (Use arrow keys) ? Vue build standalone ? Install vue-router? 编译打包 开发完成后，通过以下命令就可把整个项目打包，生成到 dist 目录下，直接拷贝到服务器即可。 npm run build
67830发布于 2019-06-18 - 来自专栏小蔚记录
vue -- 7 个 有用的 Vue 开发技巧
1 状态共享 随着组件的细化，就会遇到多组件状态共享的情况， Vuex当然可以解决这类问题，不过就像 Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是 vue.js 如下这个例子，我们将在组件外创建一个 store，然后在 App.vue组件里面使用 store.js 提供的 store和 mutation方法，同理其它组件也可以这样使用，从而实现多个组件共享数据状态 然后在 App.vue里面引入这个 store.js，在组件里面使用引入的数据和方法 ? 2 长列表性能优化 我们应该都知道 vue会通过 object.defineProperty对数据进行劫持，来实现视图响应数据的变化，然而有些时候我们的组件就是纯粹的数据展示，不会有任何改变，我们就不需要 vue来劫持我们的数据，在大量数据展示的情况下，这能够很明显的减少组件初始化的时间，那如何禁止 vue劫持我们的数据呢？
86720发布于 2019-08-27
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号