Vue
浅谈入门Vue,欢迎交流和指正,共同进步!
Be explorer
分享日常学习笔记和实战经验,开源NB
展开
-
Vue篇——参数传递和重定向
1、常规情况下name可以省略,但是当我们想传递参数的时候,就得把name加上,params表示传参的意思。2、然后路由中的数据也得修改,前端是啥,路由就得加上参数名。传递方法:(样例中是传递一个id)2、前端配置链接即可。原创 2023-11-28 09:02:11 · 511 阅读 · 0 评论 -
Vue篇——Vue+ Element,如何使用和配置element
六、在main.js中引入router和element。五、创建组件和页面的操作和常规一样。一、首先要下载安装element。三、安装 SASS加载器。原创 2023-11-27 12:51:21 · 408 阅读 · 0 评论 -
Vue——Vue-router路由,从概念到如何使用,一篇文章帮你搞定!
2、引入vue-router(单独创建一个router文件夹,按照前端的命名规范,新建一个index.js方法,里面做vue-router的配置)1、Vue Router是一个插件包,我们还需要用npm/cnpm来进行安装,打开命令行工具,进入项目目录,输入以下命令。1、hash模式:路径带#符号,如:https://localhost/#/login。6、在前端app.vue中使用路由,注意要把router的两个标签都写上。至此,你对路由的功能已经掌握,后续还会持续更新,敬请期待!原创 2023-11-27 12:50:14 · 447 阅读 · 0 评论 -
Vue篇——深入学习Webpack打包工具
2、接收这个方法,一般都写一个main.js,作为主入口,直接接收这个js,require中的参数写hello,这样这个hello.js方法中的所有的function都可以被调用。7、它的优势在于,我们输入一次webpack打包命令,后续我们再对js进行修改,程序会对我们的代码进行动态监听,如果代码有改动,立即会重新打包,这就叫做热部署!5、打包成功,生成webpack.config.js中设置的filename的js文件,里面包含了我们自己写的js代码,打包压缩成一个文件,并且将规范降低成ES5。原创 2023-11-27 12:47:45 · 486 阅读 · 0 评论 -
Vue篇——插槽slot标签,深入理解作用和使用方法!
插槽,可以动态的更新某个位置的数据,模板中留有一个插槽,我们后期可以按照需求再往上面填内容即可。原创 2023-11-27 12:45:45 · 557 阅读 · 0 评论 -
Vue篇—计算属性,将计算结果赋值给属性!速通!
调用方法的时候,每次都需要计算,既然有计算那么必然会产生系统的开销,那么如果我们这个结果不是经常变化的值,那么就可以考虑将这个及如果缓存起来,蚕蛹计算属性可以很方便的做到这一点,计算属性就是为了将不经常发生变化的结果进行缓存,以节约我们的系统开销!不难发现,我们使用计算属性的时候,他方法中计算的值当我们下次进行调用的时候,不会发生改变,是保存在内存中的,便于我们下次调用,节省系统的开销。可以将数据保存到缓存中,将行为转化成了静态的属性。通俗的讲,就是将计算出的结果,保存到属性中。原创 2023-11-27 12:44:59 · 1209 阅读 · 0 评论 -
Vue之Axios异步通信,一篇文章速通!
至此,恭喜你你已经深入的理解和掌握了异步通信的技术点,后续还会持续更新关于Vue等常见前端技术,希望大家可以持续关注和支持!Axios是一个开源的可任意用在浏览器和Node Js的异步通信框架,主要作用是实现Ajax异步通信。三、实现方法(里面获取Json数据的方法是固定的,主要利用了钩子函数,学习后可以直接使用)3、支持Promise ApI(js中的链式编程)(1)首先在当前页面,去恶是能获取到我们目标的数据。8、客户端支持防御XSRF(跨站请求伪造)5、转换请求数据和响应数据。原创 2023-11-27 12:43:41 · 460 阅读 · 0 评论 -
Vue—Vue组件
所谓组件,就是一个模板,是自定义的标签,我们可以自定义一个模板,然后在html中直接使用定义的标签,即可获取到模板中的样式。二、组件的定义和实现方法。原创 2023-11-27 12:40:45 · 334 阅读 · 0 评论 -
Vue篇—Vue双向绑定,Vue中的最大亮点!
v-model指令,在表单、及元素上创建双向数据绑定,控件中的数据发生改变,model中的数据也会跟着改变。双向绑定是Vue的一大亮点,希望大家能够对这个技术点熟练掌握。后续还会持续更新,希望大家继续关注和支持!原创 2023-11-27 12:39:46 · 404 阅读 · 0 评论 -
Vue篇—Vue基本语法,一篇文章帮你速通!
我们在html中可以使用v-on(简写为@)来监听绑定DOM事件,并在触发时执行对应的JavaScript。至此,你对于Vue的常见的语法已经掌握,后续会继续更新关于前端Vue等技术栈,敬请期待!(2)利用双向绑定机制,控制台修改ok的值为false。(2)利用双向绑定机制,控制台修改type。方法必须定义在Vue的methods对象中。二、if和else-if。(1)正常情况下展示A。原创 2023-11-27 12:37:35 · 1064 阅读 · 0 评论 -
Vue篇— 认识Vue和MVVM设计模式以及第一个Vue程序,一篇文章帮你彻底搞清!
视图层(View)可以独立于Model变化和修改,一个 ViewModel可以绑定到不同的View上,当View发生变化的时候Model可以不变,当Model发生变化的时候View也可以不变。至此,对于Vue的认识和对MVVM模型的理解你已经掌握,后续会继续更新关于前端Vue等技术栈,敬请期待!4、吸取了Angular(模块化)和React(虚拟DOM)的长处,并拥有自己独特的功能,如:计算属性。Vue的核心库只关注视图层,是MVVM模式的实现,方便与第三方库或者既有项目整合。原创 2023-11-27 12:32:41 · 467 阅读 · 0 评论