Vue
文章平均质量分 61
Vue
redrose2100
Python开发工程师/DevOps工程师/测试开发工程师
展开
-
Vue----Vue条件渲染
总体来说,v-if有更高的切换开销,而v-show有更高的初始渲染开销,因此,如果需要频繁切换,则使用v-shwo较好,如果在运行时绑定条件很少变化,则v-if更合适。v-if 也是惰性的,如果在初次渲染时条件为false,则不会做任何事,条件区块只有当条件首次变为true时才会被渲染。v-if 是真实的按条件渲染,因为它确保了在切换时,条件区内的事件监听器和子组件都会被销毁与重建。(7)v-if,v-else-if,v-else 一起使用的方法如下所示。(6)v-if和v-else一起用的方法如下所示。原创 2023-06-27 07:28:45 · 335 阅读 · 0 评论 -
Vue----Vue属性绑定
绑定属性比如对如下代码中动态的设置按钮是否可点击,这种用法还是非常好用的,即可以根据具体的场景动态的设置isDisabled的变量的值,而更具isDisabled变量的值决定按钮是否可以点击。通过v-bind:xxx 的方式即可实现Vue的属性绑定,比如如下代码,为div标签增加class属性,class的属性值通过msg变量提供。此外,还可以通过对象的形式同时设置多个属性,比如如下代码中,通过v-bind直接指定button_attr对象,则可以同时设置两个属性。此时运行后,可以发现属性同样是有效的。原创 2023-06-20 23:42:49 · 1409 阅读 · 0 评论 -
Vue----Vue的模板语法
可以在新建的Vue项目中体验Vue的模板语法,新建项目中将src/components文件夹删除,然后将src/App.vue文件清空并将上述代码放入,此外将man.js中的导入样式的雨具,即 import ‘./assets/main.css’ 也删除,然后运行项目,即可在浏览器中看到项目运行结果,如下图所示。Vue使用一种基于HTML的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的DOM上,所有的Vue模板都是语法层面合法的HTML,可以被符合规范的浏览器和HTML解析器解析。原创 2023-06-20 23:39:52 · 930 阅读 · 0 评论 -
Vue----Vue项目的目录结构
VUE项目运行依赖文件,通过npm install 安装的文件即存放在此文件夹。入口的html文件,比如新建vue项目的html文件内容如下所示。VSCode工具的配置文件,和VUE项目没有什么关系。VUE 项目的配置文件,这里可以配置比如跨域等等。注释文件,可以编写项目描述等等说明性文件。源码文件夹,新写代码即存放在此文件夹。VUE项目的目录结构如下所示。资源文件夹(浏览器图标等)原创 2023-06-20 23:39:16 · 1056 阅读 · 0 评论 -
Vue----Vue API风格
Vue 的组件可以按两种不同的风格书写:选项式API 和组合式API。原创 2023-06-20 23:38:24 · 140 阅读 · 0 评论 -
WebStorm配置启动Vue项目
本文详细介绍了WebStorm如何配置Vue项目并在WebStorm中启动Vue项目原创 2022-11-21 14:45:36 · 11057 阅读 · 1 评论 -
Vue创建项目快速体验
本文详细介绍了如何安装使用vue,并使用vue创建一个项目快速体验原创 2022-11-21 13:43:23 · 257 阅读 · 0 评论 -
Vue简介
本文简要介绍了Vue的情况以及发展历程和特点原创 2022-09-25 22:34:33 · 1359 阅读 · 0 评论