vue.js
文章平均质量分 68
layman0528
这个作者很懒,什么都没留下…
展开
-
vue.js ——Vuex
状态,驱动应用的数据源;视图,以声明方式将状态映射到视图;操作,响应在视图上的用户输入导致的状态变化。原创 2023-11-30 20:49:49 · 280 阅读 · 0 评论 -
vue ——Vue-router
Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举。原创 2023-11-29 20:29:55 · 364 阅读 · 0 评论 -
vue 自定义指令
除了核心功能默认内置的指令(v-model和v-show) ,Vue也允许用户注册自定义指令。注意,在Vue 2.0中,代码复用和抽象的主要形式是组件。然而,在某些情况下,你仍然需要对普通DOM元素进行底层操作,这时就会用到自定义指令。传入的两个参数,id是指令ID, definition是定义对象。其中,定义对象可以提供些钩子函数。原创 2023-11-19 14:06:06 · 448 阅读 · 0 评论 -
vue 组件
组件(component) 是Vue.js 最强大的功能之一,可以扩展HTML元素,封装可重用的代码。组件系统使我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用界面都可以抽象为一一个组件树。原创 2023-11-16 20:22:28 · 56 阅读 · 0 评论 -
vue.js 监听和计算属性
Vue.js监听属性watch以及计算属性computed的相关知识。watch用来监听Vue实例中数据的变动,也可以是Vue自带的属性,比如$route。原创 2023-11-16 20:17:34 · 136 阅读 · 0 评论 -
vue 事件处理器
v-on指令绑定事件后,监听相应的事件,进行事件处理。原创 2023-11-15 18:47:23 · 264 阅读 · 0 评论 -
vue 声明周期
每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤,比如设置好数据侦听,编译模板,挂载实例到 DOM,以及在数据改变时更新 DOM。让开发者有机会在特定阶段运行自己的代码。在此过程中,它也会运行被称为。原创 2023-11-15 18:43:46 · 129 阅读 · 0 评论 -
Vue.js在css中的使用
Vue.js中的v-bind 指令在处理class和style时增强了功能,表达式的结果类型除了字符串之外,还可以是对象或数组。class与style是html元素的属性,用于设置元素的样式,我们可以用v-bind来设置样式属性。原创 2023-11-14 20:33:24 · 241 阅读 · 0 评论 -
vue.js 条件和循环指令
你一定知道js语法中 if-else ,v-if和js中是完全一致的Vue不仅给我们提供了v-else指令,还提供了v-else- if指令。v-if指令进行条件判断。下面的示例中,v-if指令将根据表达式的值(true或false) 来决定是否插入。原创 2023-11-14 20:31:07 · 38 阅读 · 0 评论 -
Vue.js过滤器
【代码】Vue.js过滤器。原创 2023-11-13 17:27:12 · 44 阅读 · 0 评论 -
表单和双向数据绑定
v-model会忽略所有表单元素的value、checked、 selected特性的初始值, 而总是将Vue实例的数据作为数据来源。通过JavaScript在组件的data选项中声明初始值。v-model本质上是个语法糖。备注(tip)语法糖(Syntactic Sugar),也称糖衣语法。指的是在计算机语言中添加的某种语法,这种语法对语言的编译结果和功能并没有实际影响, 但是却能更方便程序员使用该语言。通常来说使用语法糖能够减少代码量、增加程序的可读性,从而减少程序代码出错的机会。原创 2023-11-13 17:25:29 · 148 阅读 · 0 评论 -
从头开始学 vue.js——(基础语法)
我们在data代码块中定义变量,直接在页面使用{}}语法格式来显示。改变Vue实例中变量的内容, html视图的内容也会改变原创 2023-11-12 17:05:29 · 292 阅读 · 1 评论 -
从头开始学 vue.js——(概念、安装及创建项目)
Vue.js不支持IE 8及以下版本,因为Vue.js使用了IE 8不能模拟的ECMAScript 5特性。区别在于ideal默认创建的是vue3的项目,hbuilderX可以创建vue2的项目。Vue-cli(俗称:vue 脚手架)是 vue 官方提供的、快速生成 vue 工程化项目的工具。选择之后,他会自动安装所有依赖,执行完成之后,只要看见下面这样的界面,就创建项目成功。在电脑上下载一个node.js的安装包,在最新的nodejs中已经集成了npm;④ 支持创建 vue2 和 vue3 的项目。原创 2023-11-12 16:52:24 · 423 阅读 · 1 评论