![](https://img-blog.csdnimg.cn/direct/8bdfaac5515f4799b2650ff032ebc01c.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
VUE入门
文章平均质量分 82
本专栏主要详细介绍VUE的基本用法,分析VUE的原理。
cssl-虞老师
写代码要按部就班,更重要是用心。
展开
-
Vue3 和 Vue2 的区别
script>setup(){// 定义变量// 接收路由参数// 定义方法query:{id:1,});// 返回 (必须写不然调不到return {id,title,jumpVue2使用ES5的Object.defineProperty API进行数据劫持,并结合发布-订阅模式来实现响应式。原创 2024-03-06 10:27:09 · 801 阅读 · 0 评论 -
NodeJs 版本升级时Vue工程报错
最近把nodejs 的版本更新了,原来用的 16.15.1 现在用的 18.16.1,结果所有的vue工程都启不动了,一直报错。原创 2024-02-29 11:24:12 · 681 阅读 · 0 评论 -
vuex中的modules使用
模块,向store注入其他子模块,可以将其他模块以命名空间的方式引用。{pid:1,pname:'牛逼1',price:10000},{pid:2,pname:'牛逼2',price:20000},{pid:3,pname:'牛逼3',price:30000},{pid:4,pname:'牛逼4',price:40000},为了拆分state中的数据,提高可维护性,防止修改时的覆盖和重名。{pid:5,pname:'牛逼5',price:50000}通过命名空间调模板中的 修改器。原创 2024-02-26 11:10:03 · 786 阅读 · 0 评论 -
vuex入门
vuex是一个专为vue.js应用程序开发的状态管理模式。它采用集中式存储来管理应用所有组件的状态,并以相应的规则来保证状态以一种可预测的方式发生变化。原创 2024-02-22 16:39:04 · 623 阅读 · 0 评论 -
路由的导航守卫
vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。通俗点讲就是一个拦截器。原创 2024-02-19 16:55:36 · 794 阅读 · 0 评论 -
Vue路由的传参
Vue传参方式可以划分为params传参(参数隐藏在路径中)和query传参(参数在?后)俩种方式1. 使用 router-link 标签跳转路由要注意 to 和 :to 的不同: to 不带参数 , :to 带参数。原创 2024-02-15 18:47:02 · 973 阅读 · 0 评论 -
Vue路由的基本用法
vue路由就是 vue-router 是 vue 页面中用于代替 html中的 a 标签 跳转页面的,只不过这个页面不是Html 是vue页面。如果没有要加上后,重新在cmd中 : npm install。看 "dependencies" 节点 中是不是有类似。在工程的router 目录中建立 index.js。检查 package.json。检查 main.js。原创 2024-02-08 15:40:33 · 1084 阅读 · 0 评论 -
Vue 插槽的基本用法
Vue.js 的插槽 (Slots) 是一种强大的功能,允许您定义可重用的模板片段,然后在组件的多个位置插入这些片段。有时,您可能希望插槽的内容可以访问到父页面的数据或者子组件的数据能回传给父页面。您还可以定义具名插槽,这样您可以在父组件中明确指定要插入到哪个插槽的内容。就可以把父页面中定义的 蓝色的"蓝蓝的天" 加入到子组件中的h3标签中,就可以把父页面中定义的 蓝色的"蓝蓝的天" 加入到子组件中的h3标签中,就可以把父页面中定义的 红色的"新的一天" 加入到子组件中不需要传值。原创 2024-02-04 12:17:14 · 1020 阅读 · 1 评论 -
Vue组件入门
组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树。这样在面对大型的复杂页面时我们就可以化繁为简更加自由的处理页面。(也就是可以用无数的小页面自由的组合为不同功能的大页面所以叫组件)2. 使用组件先要有个主页面(主要负责定位和取数据。原创 2024-02-01 21:12:51 · 896 阅读 · 1 评论 -
Axios 的基本用法
注册(文件上传测试)原创 2024-01-29 20:26:10 · 907 阅读 · 0 评论 -
Vue是什么?什么是MVVM?
销毁前:beforeDestroy() 即将销毁data和methods中的数据此时还是可以使用的,可以做一些释放内存的操作。更新前:beforeUptate() 当data的数据发生改变会执行这个钩子,内存中的数据是新的,页面是旧的。也就是在写vue的时候和传统的html写法是不一样的,写vue的时候更多是要考虑vue对象怎么写。这一段代码其实就是VM,是我们利用vue的语法把数据(M)绑定到要显示的文本框中(V)。看到不同没:就是用户看到的页面不是程序员写的,而是vue对象生成的。原创 2024-01-26 00:06:04 · 438 阅读 · 1 评论 -
Vue页面表单的v-model
input type="checkbox" name="loves" value="music" v-model="uobj.loves"/>音乐。普通用户。管理员。{id:1,name:'合格'},{id:3,name:'优秀'}原创 2024-01-22 20:56:48 · 1043 阅读 · 0 评论 -
Vue页面的分支和循环
删除编号姓名年龄性别操作原创 2024-01-18 19:01:56 · 820 阅读 · 1 评论 -
Vue的基本语法
vue 数据绑定最常见的形式就是使用 {{...}}(双大括号)的文本插值。表示把 data 中的 key 和 ins 数据绑定到页面上。比如 :在 class='main' 的 div 中 加入。key: '测试1--OK',原创 2024-01-15 16:45:30 · 1006 阅读 · 0 评论 -
如何写你的第一个vue页面
解压后把 templates 放到 C:\Users\(你的用户名)\AppData\Roaming\HBuilder X 目录下 重启Hb。path:访问路径 name : vue页面中的名字 component: vue页面的相对路径。14:http://127.0.0.1:(vue.config.js 中配置德端口)10. 找到 src 目录下的 router 目录 下的index.js文件打开。9. 在 src 目录中找到 App.vue 文件(这个是工程的入口)原创 2023-12-27 21:52:57 · 540 阅读 · 0 评论 -
使用Vue-cli3建立vue工程详细步骤
( 如果安装过旧版本的 vue-cli(1.x 或 2.x)要先卸载它,命令为:npm uninstall vue-cli -g )18. 打开浏览器(建议火狐或谷歌),地址栏输入 http://127.0.0.1:(自己配的端口号)就可以了。16.注意 vue.config.js 中的节点 port:80 这个表示工程访问的端口 ,我一般改 7000。,然后选对应的版本。Vue-cli 是建立vue工程的好工具,本文主要讲解它的用法。3. 安装完成后,cmd 中键入: vue -V (查看版本)原创 2023-12-24 14:58:51 · 394 阅读 · 1 评论