Vue.js基本知识
关注
分享
扫一扫
文章平均质量分 94
该专栏主要将vue.js的基本知识，只是些基本的知识，适合新手，老鸟不用看了。
前端纸飞机
潇潇暮雨子规啼
展开
-
Vue的服务端渲染
于你而言，我不过是黄粱一梦，于我而言，你却是我余生所求。什么是服务端渲染？?传统的web开发体验通过express来写一个案例npm init -ynpm i express -Sconst express = require('express')const app = express()app.get('/',function(req,res){ res.send(` <html> <bod.原创 2022-02-25 12:26:54 · 8094 阅读 · 0 评论 -
手把手教你在 Vue 中使用 JSX，不怕学不会！【建议收藏】
学习这篇文章希望您已经具备以下知识：vue.js的基本使用对前端三件套(html、css、js)已经可以熟练使用了文末有配套demo代码：点我直达JSX是什么JSX 是一种 Javascript 的语法扩展，JSX = Javascript + XML，即在 Javascript 里面写 XML，因为 JSX 的这个特性，所以他即具备了 Javascript 的灵活性，同时又兼具 html 的语义化和直观性。（个人建议灵活度强的部分组件可以用JSX来代替，整个项目JSX属实没必要）XM.原创 2021-09-20 20:00:20 · 17869 阅读 · 51 评论 -
Vue.js中的组件通信
组件注册Vue.component(组建名称, 组件的配置)在组件中使用components的配置项来表示问题：组件命名问题组件命名和html原生标签冲突 Header Footer ----> header footer大驼峰的写法 Vue.componennt('ZhangJun',{ template: '<div&...原创 2021-08-16 22:36:54 · 698 阅读 · 0 评论 -
Vue.js进阶之路2
一、模板语法(mustache)模板语法是什么?<div id="app"> <p> num: {{ num }}</p> <p> str: {{ str }}</p> <p> und: {{ und }}</p> <p> nul: {{ nul }}<...原创 2021-08-19 23:01:50 · 987 阅读 · 1 评论 -
Vue.js进阶之路3
一.class(类)的绑定1.我们为什么要绑定类名?Vue.js有一个特点就是数据驱动视图那么以此可以形成以数据来控制类名(class),从而改变样式。(可能有点生硬但这样理解也好)类名和数据的绑定我们使用v-bind(单向数据绑定)2.类名的绑定方式A.对象的形式<div :class = "{'size': classFlag,'bg': class...原创 2021-08-19 23:00:47 · 891 阅读 · 0 评论 -
Vue.js进阶之路4(TodoList实现)
学完了前面的内容,已经足够做点小东西了,今天来做个ToList,别看这个联系小,但是它包囊的知识是很多的,用来做练习很不错的。既然是做项目那么就要按步骤来!1.ToDolist的功能类似于备忘录的功能,记录将来要做的事,功能演示:2.实现过程(1).布局:布局打算使用SUI 框架头部布局(SUI)引入SUI的CSS文件js文件和Vue.js的源文件<...原创 2019-04-19 14:59:56 · 606 阅读 · 2 评论 -
Vue.js进阶之路5
一、vue深入响应式原理首先,接受一个概念:数据模型-----vm中的data选项1.状态管理:什么是状态管理?我们使用一个数据去管理视图中的一个部分， 那么这条数据就叫做状态， 这种管理模式就叫做状态管理2.什么是深入响应式原理(重点)a.当视图模型（VM）中的数据模型（M）发生改变时， 视图（V）就会进行更新b.Vue通过watcher将data中的...转载 2021-08-19 15:06:33 · 663 阅读 · 0 评论 -
Vue.js中的组件通信
注意:组件通信， 无论效果是如何的， Vue都是单向数据流（组件之间的数据通信）Vue.js中组件通信一共分为四种:父子组件通信子父组件通信非父子组件通信多组件状态共享下面一一介绍:父子组件通信绑定的是简单数据类型: 父组件中定义数据， 通过单向数据绑定的形式， 将数据绑定在子组件身上， 属性是自定义属性 子组件通过配置项中的props接收数据， props...原创 2019-04-28 22:45:48 · 268 阅读 · 1 评论 -
Vue.js中的router基础(一级、二级、动态、传参、接参)
vue 路由的mode(模式)有几种， 分别是什么？在那些环境下运行？hash: 使用 URL hash 值来作路由。支持所有浏览器，包括不支持 HTML5 History Api 的浏览器。history: 依赖 HTML5 History API 和服务器配置。【需要后端支持】abstract: 支持所有 JavaScript 运行环境，如 Node.js 服务器端。如果发现没有浏览器...原创 2019-04-28 22:47:00 · 1083 阅读 · 1 评论 -
Vue.js中的router基础(动态、传参、接参、编程式导航 )
前面是router的一级和二级路由,下面是路由里稍微复杂一点的东西:路由的动态,传参,接参。这些个我们通过寺库网的分类页和分类页中每个类的详情的数据来做寺库网:https://m.secoo.com按照前面的,先配置好前面一篇的一级路由,但是稍微名字有些更改如下:动态路由、路由传参:1.先配置跨域方法:反向代理在根目录建立vue.config.js文件,...原创 2019-04-28 22:48:00 · 486 阅读 · 0 评论 -
vue的自动化测试详解
大厂视野1.流量大性能优化2.项目复杂源码3.持续迭代4.项目稳定运行自动化测试需求评审开发测试（人点）（可以使用自动化测试完成一部分）上线5.为什么要写测试呢测试代码可读性好，易于维护替代了测试的部分工作，无形中完成了一部分任务准备1.了解自动化测试2.jest3.cypress4.端对...原创 2019-09-14 14:14:51 · 6787 阅读 · 3 评论 -
Vue.js进阶之路1
什么是Vue.js?vue.js是一个前端的js的渐进式框架(个人项目)作者:尤雨溪发布时间:2016年10月github关注度： 136K (不代表大陆地区)Vue.js的特性1.vue.js是一个MVVM框架(由MVC架构衍生)2.vue.js 数据也是单向的， 我们称之为， 单向数据流 3.vue.js是不兼容ie8及其以下浏览器(所以考虑...原创 2021-08-19 23:02:29 · 1025 阅读 · 0 评论