摘要：
什么是数据双向绑定？ vue是一个mvvm框架，即数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。这也算是vue的精髓之处了。值得注意的是，我们所说的数据双向绑定，一定是对于UI控件来说的，非UI控件不会涉及到数据双向绑定。 单向数据绑定是使用状态 阅读全文
摘要：
vue中所有的钩子函数： beforeCreate（创建前）created（创建后）beforeMount（载入前）mounted（载入后）beforeUpdate（更新前）updated（更新后）beforeDestroy（销毁前） 下面是完整代码 <!DOCTYPE html> <html la 阅读全文
摘要：
一、项目后端搭建 1.下载所需后端文件： （后端api源代码） 2.将项目源码解压至项目中并进行--node app.js运行 二、项目创建 （1）通过vue-cli创建项目：vue create music001 （2）选择并下载项目依赖包 （3）项目创建成功后运行项目 npm run serve 阅读全文
摘要：
动态路由传参有两种方式 1.query传参：相当于get 必须定义path属性，通过query传参 通过 this.$route.query 接收参数 2.params传参：必须定义 name 属性，通过params传参 通过 this.$route.params接收参数 第一种方式 props:t 阅读全文
摘要：
data 中设置接收搜索到的歌曲列表 searchSongs data() { return { searchKeyword: "", //用户输入需要搜索的内容 searchSongs: [] //接收搜索到的歌曲列表 } } 将接口内容放到搜索到的歌曲列表 searchSongs 中 async 阅读全文
摘要：
新建vue单页面应用 一共有两种方式： vue/cli vite vue/cli vue/cli是基于webpack 1 npm install -g @vue/cli 这样就可以在全局安装vue/cli，输入命令，查看安装是否成功 1 vue --version 2 #or 3 vue -V 能出 阅读全文
摘要：
一、简介： Vue 是一套用于构建用户界面的渐进式框架。 二、MVVM组成： MVVM > M / V / VMM：model数据模型V：view视图VM：ViewModel 视图模型 三、vue项目创建步骤： 1.安装node环境： 下载地址：https://nodejs.org/en/ 如果能够 阅读全文
摘要：
canvas简介 <canvas>是 HTML5 新增的元素，可用于通过使用JavaScript中的脚本来绘制图形，创建动画。<canvas>最早由Apple引入WebKit 我们可以使用<canvas>标签来定义一个canvas元素 >使用<canvas>标签时，建议要成对出现，不要使用闭合的形式 阅读全文
摘要：
Vue中的v-bind（即简写为 : ）和 v-on（即简写为@）的区别 1 // 完整语法 2 <a v-bind:href="url"></a> 3 // 简写 4 <a :href="url"></a> 5 6 // 完整语法 7 <child v-bind:data="data" /> 8 阅读全文
摘要：
状态管理库vuex: Vuex是一个专为Vue.Js应用程序开发的管理库。状态就是指组件之间共享的数据 Vue项目中配置状态管理库vuex的流程 1下载并引入vuex相关内容 2创建状态管理库对象store 3对外抛出store对象 4在mian.js中将store对象与当前项目相关联 阅读全文
