- 综合排序
- 最热优先
- 最新优先
- 来自专栏XC's Blog 日常笔记
Vue框架笔记
Vue框架笔记 Vue全家桶笔记: 点击查看 Vue笔记语雀版: 点击查看 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 与vue.runtime.xxx.js的区别： vue.js是完整版的Vue，包含：核心功能 + 模板解析器。 const getters = { bigSum(state){ return state.sum * 10 } } //创建并暴露store export default new Vuex.Store mutations: { ... }, actions: { ... }, getters: { bigSum(state){ return state.sum * 10 $router.go() //可前进也可后退 10.缓存路由组件 作用：让不展示的路由组件保持挂载，不被销毁。
47010编辑于 2024-08-24 - 来自专栏xiaosen
Vue框架引入
vue简介 1.1.vue是什么? Vue官网 英文官网: https://vuejs.org/ 中文官网: https://cn.vuejs.org/ vue是一套构建用户界面的渐进式javascript框架 构建用户界面:将我们手里拿到的数据通过某种办法变成用户可以看见的界面 组件化：一个.vue文件就是一个组件,.vue文件是Vue打造的一个全新的文件格式,.vue文件中 写的就是HTML结构、css样式、js交互 2.声明式编码，让编码人员无需直接操作DOM，提高开发效率 Vue官网使用指南 学习vue之前,先来看一下Vue官网顶部的导航区,vue团队为了让vue更好用,所以说写了些文档并且进行了分类形成了官网上方这个导航区。 工具--->Vue CLI :最一开始学习时需要在HTML中引入vue.js才能编写vue代码,但是后续公司 中干活得借助于一个高端的平台来开发叫脚手架 搭建vue的开发环境 1.下载开发版本的vue
65510编辑于 2025-06-02 - 来自专栏小蔚记录
vue UI 框架
（1）Element 饿了么 vue 2.0后台UI框架 (Star:18382) https ://github.com/ElemeFE/element （1-1）Vuetify 最新的ui 框架 https://vuetifyjs.com/zh-Hans/getting-started 的移动端组件库 https://github.com/ElemeFE/mint-ui （5）vue-admin 管理面板UI框架 (Star:6289) https://github.com/vue-bulma /vue-admin （6）vue-material为 Vue.js 打造的 Material 风格的组件 (Star:4550) https://github.com/vuematerial/vue-material ）vonic (Star:2276) https://github.com/wangdahoo/vonic/ https://wangdahoo.github.io/vonic/docs/#/ （10
1.7K20发布于 2019-09-11 - 来自专栏博客-txy
Vue—前端框架
目录 Vue 渐进式 JavaScript 框架 一、走进Vue 二、Vue实例 三、生命周期钩子 四、Vue指令 五、组件 六、Vue-CLI 项目搭建 Vue 渐进式 JavaScript 框架 通过对框架的了解与运用程度 ，来决定其在整个项目中的应用范围，最终可以独立以框架方式完成整个web前端项目 一、走进Vue 1、what -- 什么是Vue 可以独立完成前后端分离式web项目的JavaScript框架 2、why -- 为什么要学习Vue 三大主流框架之一：Angular React Vue 先进的前端设计模式：MVVM 可以完全脱离服务器端，以前端代码复用的方式渲染整个页面：组件化开发 3、special - - 特点 单页面web应用 数据驱动 数据的双向绑定 虚拟DOM 4、how -- 如何使用Vue 开发版本：vue.js 生产版本：vue.min.js
{{ } */ import Vue from 'vue' import App from '.8.3K30发布于 2020-01-15来自专栏睡不着所以学编程Vue笔记(10) vue-router
学习内容 ⊙ 前端路由和后端路由 ⊙ URL的hash ⊙ 认识vue-router ⊙ vue-router的使用 ⊙ router-link ⊙ 动态路由 ⊙ 路由懒加载 ⊙ 路由嵌套 本文由“壹伴编辑器”提供技术支持 vue-router的使用 我是使用vue2创建的,脚手架为5.x, vue为2.x, 在创建项目时直接选了安装Vue-router 但是当时我创建项目的时候就选择了安装 因为浏览器不知道我们什么时候使用哪个路由.所以我们还需要使用不同的标签,使我们的URL能发生改变 router-link用于显示标签和内容 router-view决定渲染时的位置,用于占位 App.vue replace: replace不会留下history记录,所以指定replace的情况下,后退键不能返回到上一个页面中 原来的 App.vue 修改 修改后 active-class: 首先在路由这里设置一下: index.js App.vue 另外,假如我们需要在user组件的界面上,也显示路径中的userId,即params,那该怎么做呢 这样的效果: 本文由
1.2K10编辑于 2022-09-20来自专栏pandacode_cnVue框架 介绍
Vue框架 - 介绍 介绍内容包含：Vue.js是什么、Vue项目搭建。 Vue 官方文档 1. Vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。 Vue项目搭建 2.1. 什么是vue-cli Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供： 通过 @vue/cli 实现的交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。 图形化界面创建 通过 vue ui 命令以图形化界面创建和管理项目 vue ui
39450编辑于 2023-07-07来自专栏编程微刊Vue PC端框架和Vue移动端UI框架
在学习Vue的过程之中，我发现不管是 BAT 大厂，还是创业公司，Vue 都有着广泛的应用，而且框架层出不穷，学习文档也越来越多，Vue也越来越受欢迎。 下面是我整理的 Vue PC端和移动端的UI框架，建议收藏，方便以后学习的时候拿出来查看。 Vue PC端框架 1. vue-element-admin 4. VueStrap 在线文档：http://yuche.github.io/vue-strap/ github地址：https://github.com/yuche/vue-strap 6. 移动端UI框架 1.Vux 中文文档：https://vux.li/#/ 在线预览：https://vux.li/demos/v2/?
2.7K40发布于 2019-05-14来自专栏全栈程序员必看.vue文件结构(vue框架项目)
文件中的样式； 生成styleLoaders用于加载不在.vue文件中的单独存在的样式文件 'use strict' const path = require('path') const config ' }) } else { return ['vue-style-loader'].concat(loaders) } } // https: //vue-loader.vuejs.org/en/configurations/extract-css.html return { css: generateLoaders(), ', '.json'], // 省略扩展名，也就是说当使用.js .vue .json文件导入可以省略后缀名 alias: { 'vue$': 'vue/dist/vue.esm.js $/, loader: 'vue-loader', // 解析.vue文件 options: vueLoaderConfig }, {
1.6K10编辑于 2022-07-28来自专栏全栈程序员必看Vue框架快速入门
Vue是现在最流行的前端框架之一，而且相对于其他两个框架React和Angular来说也更加易学，而且它的作者是国人，中文文档也很完善。 当然Vue框架算是比较高级的框架，所以在使用过程中还需要JavaScript、JavaScript 2015、WebPack、NodeJS、npm、ESLint、JavaScript单元测试框架等其他知识和框架的使用方法 这里引用了Vue框架的CDN，所以不需要任何配置即可使用Vue。 <! /cdn.jsdelivr.net/npm/vue"></script> </head> <body> </body> </html> Vue实例 Vue框架中最重要的东西就是Vue实例了，它是Vue框架的核心对象 Vue和视图框架 通过以上学习我们可以看到Vue可以算是一个MVVM框架，主要作用就是将前台页面和数据绑定起来。为了做出漂亮的视觉效果，我们还需要和其他视图框架进行集成。
2.6K20编辑于 2022-09-05来自专栏女程序员的日常_Lin手写vue框架（一）
定义一个类 — vue用法如下 let app = new Vue({ el : '#app', data : { msg : 'hello world', deep : { a:1, b:2 } } }) 那么我们首先要创建一个vue类： class Vue{ constructor(options){ const $options = options; //... } } 接下来进行数据劫持： class Vue{ constructor(options){ const set : function proxysetter(newVal){ target[sourceKey][key] = newVal } }) } 在vue 的constructor中调用： class vue { constructor(options){ const vm = this; // 构建实例上的$options
1K30发布于 2019-07-19来自专栏cwl_JavaVUE-Vuetify框架
2.Vuetify框架 2.1.为什么要学习UI框架 Vue虽然会帮我们进行视图的渲染，但样式还是由我们自己来完成。 这显然不是我们的强项，因此后端开发人员一般都喜欢使用一些现成的UI组件，拿来即用，常见的例如： BootStrap LayUI EasyUI ZUI 然而这些UI组件的基因天生与Vue不合，因为他们更多的是利用 而目前与Vue吻合的UI框架也非常的多，国内比较知名的如： element-ui：饿了么出品 i-view：某公司出品 然而我们都不用，我们今天推荐的是一款国外的框架：Vuetify 官方网站：https
4.5K10发布于 2020-02-11来自专栏学习笔记ol框架分析（10）-SQLAlchemy
框架分析（10）-SQLAlchemy 主要对目前市面上常见的框架进行分析和总结，希望有兴趣的小伙伴们可以看一下，会持续更新的。希望各位可以监督我，我们一起学习进步。
78020编辑于 2023-10-11来自专栏前端Q取代 Vue 和 React？新框架 Nue JS，能将代码量减少 10 倍！
2 代码量减少 10 倍，Nue 主张极简主义 据了解，Nue 的最大优势就是帮助开发者以更少的代码达成相同的效果。在一个项目中，同样的功能实现之间存在 2 到 10 倍的代码量差异并不罕见。 对样式解耦 Nue 并不主张使用域 CSS、Tailwind 或者其他紧密耦合的 CSS-in-JS 框架。 尽管 Web 一直在不断变化，但层出不穷的“新框架”还是无法让人们满意，而且全部主流框架也都惊人地相似。 我们确实有必要从头开始考量需求，并拿出一套更小、内存效率更高的解决方案。 网友 niutech 指出，Nue 更像是 Petite-Vue 或者 Riot.js 的替代品，还很难说可以取代非常成熟的 Vue 或者 React。 其实在 Vue 中也可以用 Nue 那个级别的代码量构建起列表框，这事并不太难。
94710编辑于 2024-01-03来自专栏颜颜yan_的学习笔记【Vue】Vue集成Element-UI框架
Element-UI 与 Vue.js 集成非常紧密，开发者可以轻松地将 Element-UI 的组件嵌入到他们的 Vue.js 应用程序中。 element-ui 是一个基于 Vue.js 的桌面端 UI 组件库，提供了一系列可重用的组件，用于快速构建用户界面。 引入Element-UI 初始化Vue实例后，在main.js中直接进行引用。 import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css /App.vue'; Vue.use(ElementUI); new Vue({ el: '#app', render: h => h(App) }); { size: "small"
71210编辑于 2024-03-24来自专栏grain先森Vue 移动端框架
1. vonic vonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约。 中文文档 | github地址 | 在线预览 ? v-charts 10. Vue Carbon Vue Carbon 是基于 vue 开发的material design ui 库。 中文文档 | github地址 | 在线预览 ? Quasar Quasar（发音为/kweɪ.zɑɹ/)是MIT许可的开源框架（基于Vue），允许开发人员编写一次代码，然后使用相同的代码库同时部署为网站、PWA、Mobile App和Electron Vue Baidu Map Vue Baidu Map是基于Vue 2.x的百度地图组件。 中文文档 | github地址 | 在线预览 ? Vue Baidu Map 15. Onsen UI 相关文章 Vue PC端框架 别走，还有后续呐······ 如果小伙伴们有比较好的移动端框架，欢迎在评论区留言砸场，谢谢你的贡献。
3.9K30发布于 2019-03-28来自专栏grain先森Vue PC端框架
vue-element-admin 4. Vue Material 通过Vue Material和Vue 2.0建立精美的app应用 中文文档 | github地址 ? Muse-UI 基于 Vue 2.0 优雅的 Material Design UI 组件库 中文文档 | github地址 ? Muse-UI 10. Vuetify Vuetify是一个渐进式的框架，试图推动前端开发发展到一个新的水平。 Quasar Quasar（发音为/kweɪ.zɑɹ/)是MIT许可的开源框架（基于Vue），允许开发人员编写一次代码，然后使用相同的代码库同时部署为网站、PWA、Mobile App和Electron Vue Baidu Map 相关文章 Vue 移动端框架 别走，还有后续呐······ 如果小伙伴们有比较好的PC端框架，欢迎在评论区留言砸场，谢谢你的贡献。
3.4K20发布于 2019-03-28来自专栏云开发小程序1VUE框架、UNIAPP框架：vue2转vue3全面细节总结（1）vue框架：路由模式、路由跳转；uniapp框架：存储数据写法、引入数据写法；
---- vue框架 路由模式 Vue3 中不再使用 new Router() 创建 router ，而是调用 createRouter 方法： import { createRouter } from uni-app框架 存储数据写法vue2 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex); const store = new import Vue from 'vue' import App from '. /store' Vue.prototype.$store = store const app = new Vue({ store, ...App }) app. $mount() 引入数据写法vue3 import App from './App' import store from '.
1.7K30编辑于 2023-10-14来自专栏超级架构师「前端框架」哪个框架更好：Angular,React,Vue
在我回答之前，如果你读这篇文章是为了选择一个“要学习”的框架，不要这样做。还是读读这篇文章吧。 如果你想选择一个框架来使用(在一个实际的项目中)，你可以继续:) “更好”是非常主观的。 如果我们讨论性能的话，为所有3个框架编写的代码可以根据需要进行扩展。有些框架偶尔会有更智能的优化，但最终所有框架都会遵循经过实战测试的任何优秀智能优化。 语法和可读性呢。你(个人或团队)来做裁判! 许多框架都有不同的“使用方法”，所以请确保探索所有的选项。 开发速度。这取决于你对你所拥有的工具有多精通。有些框架确实为您提供了更多的设计决策，但如果您有足够的经验，您几乎不会注意到任何差异。 框架越小，API越小，效果就越好。 可维护性。框架允许您编写的函数/组件越小，就越好。 寻找支持或人员加入你的团队。框架越流行越好。React赢得了NPM下载的流行(这可能是最重要的)。 Vue在GitHub上的星舰人气相当。Angular的受欢迎程度是有争议的，因为你必须将两种不同的框架结合在一起，但现在它可能和React差不多了。 移动集成呢。React是这里发光的那个。
75020发布于 2020-11-06来自专栏编程微刊Vue框架Mock的使用
{ console.log("error"); }); } } 123456789 vue
80321发布于 2020-11-19来自专栏云前端典型 MVVM 前端框架 Vue
（仔细想想，几乎任意类型的应用界面都可以抽象为一个组件树） 在 Vue 里，一个组件本质上是一个拥有预定义选项的一个 Vue 实例，在 Vue 中注册组件很简单： // 定义名为 todo-item 的新组件 计算属性 vs 侦听属性 Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动：侦听属性。
{{ n }}v-for on a 类似于 v-if，你也可以利用带有 v-for 的 渲染多个元素。 使用组件 （1）全局注册 我们已经知道，可以通过以下方式创建一个 Vue 实例： new Vue({ el: '#some-element', // 选项 }) 要注册一个全局组件，可以使用 Vue.component 官方技术文档： vue.js官方文档及API vue-cli 路由管理器vue-router5.5K10发布于 2020-06-15
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号