前端开发
关注
分享
扫一扫
文章平均质量分 70
yi诺千金
写过的文章也会不定时更新，一个人看源码没人讨论比较耗时，更新较慢。乐于互相交流，请多私信留言，大家共同进步。
掘金：https://juejin.cn/user/4464480371870584
展开
-
Vue.js学习与入门（九）Vuex状态管理
为了能让其他组件共享这些数据和方法，可以通过Vuex来统一管理组件状态。首先需要安卓Vuex，在命令端口中，切换到你的Vue项目的路径，然后输入以下命令进行安装。 npm install --save vuex在src目录下，新建一个store目录，并在这个目录下创建一个store.js文件，示例文件内容如下：import Vue from 'vue'import Vu...原创 2019-11-05 09:11:22 · 284 阅读 · 0 评论 -
Vue.js学习与入门（八）Vue路由
不知道项目如何构建的请参照上一节，Vue.js学习与入门（七）Vue脚手架 https://blog.youkuaiyun.com/yimelancholy/article/details/102859239 中，本节以上一节中的vuedemo为例，给创建的vuedemo添加vue-router，输入如下命令：npm install --save vue-router在项目中创建cart.vue和l...原创 2019-11-04 09:27:04 · 172 阅读 · 0 评论 -
Vue.js学习与入门（七）Vue脚手架
vue-cli是Vue的脚手架工具，它大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，搭建了一个测试环境。在使用vue-cli前，确保已经安装了Node.js和NPM。使用vue-cli构建一个项目，首先要创建自己的工作空间，并在命令端口切换至刚刚建好的工作空间，然后安装vue-cli，可以直接在cmd命令端口输入如下命...原创 2019-11-01 16:03:12 · 288 阅读 · 0 评论 -
Vue.js学习与入门（六）Vue组件
组件需要注册后才能使用，注册分为全局注册和局部注册。全局注册后，所有Vue实例都可以使用该组件。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="...原创 2019-11-01 14:59:06 · 181 阅读 · 0 评论 -
Vue.js学习与入门（五）方法和事件
在Vue实例中，可以在methods选项内定义一个方法，通过使用v-on指令监听这个按钮的点击事件，并在触发时调用这个方法。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <...原创 2019-11-01 11:49:43 · 173 阅读 · 0 评论 -
Vue.js学习与入门（四）渲染
条件渲染与列表渲染<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>render</title> <script type="text/javascript" src="js/vue.js">&l...原创 2019-11-01 11:45:40 · 153 阅读 · 0 评论 -
Vue.js学习与入门（三）计算属性
在Vue中的computed选项中，定义了一个计算属性reversedMessage，它提供的函数将作为属性reversedMessage的getter方法，返回变量message反转后的字符串，通过{{resversedMessage}}显示出来。<!DOCTYPE html><html lang="en"><head> <m...原创 2019-11-01 11:35:02 · 269 阅读 · 0 评论 -
Vue.js学习与入门（二）模板语法
vue模板语法<!DOCTYPE html><html xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8"/> <script type="t...原创 2019-11-01 11:27:53 · 141 阅读 · 0 评论 -
Vue.js学习与入门（一）第一个Vue应用
首先在vue.js官网上下载vue插件，然后创建第一个Vue应用。<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <script type="text/javascript" src="js/vue.js"></script> </head&g...原创 2019-11-01 11:15:55 · 180 阅读 · 0 评论 -
基于WebSocket前端开发H.264流实现视频实时播放
基于WebSocket前端开发H.264流实现视频实时播放原创 2019-10-25 11:10:18 · 25058 阅读 · 35 评论