Vue 介绍 · Vue.js教程
组件系统是 Vue.js 另一个重要概念,因为它提供了一种抽象,让我们可以用独立可复用的小组件来构建大型应用。如果我们考虑到这点,几乎任意类型的应用的界面都可以抽象为一个组件树: 在Vue 里,一个组件实质上是一个拥有预定义选项的一个 Vue 实例: // Define a new component called todo-itemVue.component('tod...
shouce.jb51.net/vue/ 2024-4-13
详解如何使用vue实现可视化界面设计_vue.js_程序员之家
一、Vue的基本概念 二、Vue可视化界面设计实现 三、Vue可视化界面设计案例 四、总结 一、Vue的基本概念 在开始之前,我们需要先了解Vue的一些基本概念: Vue实例 Vue实例是Vue的核心概念之一,它是一个Vue应用的入口点。每个Vue实例都可以拥有自己的数据、方法和计算属性等。我们通过创建Vue实例来启动Vue应用,并将其挂载...
www.jb51.net/javascript/310409i17.htm 2024-5-18
Vue 列表渲染 · Vue.js教程
当Vue.js 用v-for正在更新已渲染过的元素列表时,它默认用 “就地复用” 策略。如果数据项的顺序被改变,而不是移动 DOM 元素来匹配数据项的顺序, Vue 将简单复用此处每个元素,并且确保它在特定索引下显示已被渲染过的每个元素。这个类似 Vue 1.x 的track-by="$index"。
shouce.jb51.net/vue/list.html 2024-5-18
2023年最新的vue.js下载和安装的3种方法详解_vue.js_程序员之家
目前,除了少量项目使用Vue 2,很多项目已升级到Vue 3了,而且官网在2023 年 12 月 31 日停止维护Vue 2了,如下图所示: 为了防止后期无法下载Vue 2的代码,我特地将其上传到我的云盘,点击如下链接可以访问: http://xiazai.jb51.net/202305/yuanma/vueym_283884.rar 3.2 方法二:使用npm install创建 由于,目前vue...
www.jb51.net/article/283884.htm 2023-5-10
超详细图解如何运行vue项目_vue.js_程序员之家
1、首先,进入vue项目所在目录(如下图所示) 2、在当前路径框中输入【cmd】,回车 3、在启动的命令行窗口输入【npm run serve】,回车 4、成功 第二种方法:IDEA开发工具打开 打开IDEA File - open -选择源码文件夹下的文件夹(一定要记住) 这样就成功导入源码。
www.jb51.net/article/283101.htm 2024-5-18
快速入门Vue_vue.js_程序员之家
Vue.js(读音 /vju?/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue 生态系统支持的库开发的复杂单页应用。Vue.js...
www.jb51.net/article/100430.htm 2024-5-18
手把手教你搭建一个vue项目的完整步骤_vue.js_程序员之家
1、全局安装vue-cli 这里注意:安装vue-cli对node.js的版本是有要求的 装的两种方式:输入cmd命令 1|npm install -g @vue/cli //这个是从国外下载的比较慢 2|cnpm install -g @vue/cli //这个是从镜像源下载 查看安装的版本(显示版本号说明安装成功) ...
www.jb51.net/article/254697.htm 2024-5-19
深入理解vue的使用_vue.js_程序员之家
Vue.js(读音 /vju?/,类似于 view) 是一套构建用户界面的渐进式框架。 这句话可能大家并不陌生,但是真正理解这句话的可能并不多,其实,读懂了这句话,也就明白了vue的核心理念. 那么,怎样理解什么是渐进式框架?在这之前,我们首先要理解什么是框架.在最初的前端开发中,为了完成某个功能,我们需要通过js在HTM...
www.jb51.net/article/211779.htm 2024-5-18
vue-cli是什么及创建vue-cli项目的方法_vue.js_程序员之家
vue-cli(俗称:vue 脚手架)是 vue 官方提供的、快速生成 vue 工程化项目的工具。 特点:① 开箱即用,② 基于 webpack,③ 功能丰富且易于扩展,④ 支持创建 vue2 和 vue3 的项目 vue-cli 的中文官网首页:https://cli.vuejs.org/zh/ 2.安装 vue-cli ...
www.jb51.net/article/281499.htm 2024-5-19
Vue 深入响应式原理 · Vue.js教程
Vue 不允许在已经创建的实例上动态添加新的根级响应式属性(root-level reactive property)。然而它可以使用Vue.set(object, key, value)方法将响应属性添加到嵌套的对象上: Vue.set(vm.someObject,'b',2) 您还可以使用vm.$set实例方法,这也是全局Vue.set方法的别名: ...
shouce.jb51.net/vue/reactivity.html 2024-5-17
加载中...
