Vue初学1.简介Vue(2.0)是一个渐进式框架，有助于快速创建交互式页面。它提供了数据绑定、组件系统和路由等功能，使得交互和一些dom元素操作更容易实现。它是一个轻量级、简单且高效的JS框架。二。特点1.简化dom操作在vue中不需要直接操作dom元素，而是通过挂载在vue实例上，在vue实例内部自动实现对dom元素的操作。2.响应式数据驱动在之前的页面中，如果要改变一个元素的值，一般都是获取元素然后改变它的值，但是在Vue中，并没有使用这种方法，更多的是在定义一个属性vue实例对象，然后通过{{msg}}插值的方式将这个属性输出到元素标签。当属性改变时，标签上的值也会改变。3、组件系统和路由Vue组件可以扩展html元素，封装可复用代码，自定义元素。Routing是Vue官方的路由管理器，它与单文件组件协同工作，让构建单文件组件变得简单快捷。三。Vue实例每个Vue应用程序至少有一个根实例。Vues包含数据、模板、挂载元素、方法和生命周期挂钩等选项。vue组件/应用其实就是一个扩展vue实例的例子：varmusic=newVue({el:"#player",data:{query:"Don'tthinkofme",//vue实例挂载到id为元素播放器的播放器（在它和它里面的元素上工作）musicList:[],audioSrc:"",hotComments:[],isPlaying:false,},methods:{searchMusic(){varthat=this;axios.get("https://autumnfish.cn/search?keywords="+this.query).then(function(response){that.musicList=response.data.result.songs;console.log(that.musicList);},function(err){});}}});四。Vue指令1.v-text2.v-html3.v-on4.v-show5.v-if6.v-bind7.v-forindex是数组下标，不用自己定义。for用于遍历数组。.8、v-modelv-model命令的作用是方便地设置和获取表单元素的值。v-model绑定的数据将与表单元素的值相关联。控制使用。在最后一个数组的末尾添加元素，listTodo.push()；移除指定元素listTodo.slice();9.图片切换10.Others(axios)axios(网络请求库)5.组件组件是可重用的vue实例，每使用一个组件，都会创建一个新的实例。组件中的data属性data必须是一个有返回值的函数//定义一个新的组件名为button-counter（全局注册）{{message}}
六。单文件组件单文件组件，可以扩展成一个叫vue的大组件，由三部分组成：html、script和css。使用单文件组件比普通组件更强大，适用范围更广。在处理复杂的大型项目时，单文件组件更有优势。七。Routing路由可以看成是负责跳转组件和管理组件间的切换。路由可以轻松构建SPA1。安装终端：npminstallvue-router下载Main.js导入、使用和创建路由：2.配置规则，通过routes属性配置路由管理的地址和组件的关系3.路由出口routing匹配组件的位置是要显示的，哪里加了这个标签，组件就会显示到哪里去到指定的路由5.程序化导航程序化导航是用script写的，而声明式导航是用html写的，比如html标签。6.路由参数是在程序化导航后添加的吗？分隔符，用于参数的传递和接收，使用this.$route.query.parameter名称来接受对应的参数8.VueCLI（Vue脚手架）快速创建集成常用功能模块的项目。导入功能模块更方便1.安装npminstall-g@vue/cli2.创建项目选择好目录Cmd:vuecreate项目名称3.目录结构9.示例应用-音乐播放器参考代码1.播放音乐或mv并为音频和视频动态设置url/srcMv2。将毫秒转换为分钟：秒的形式为this.newestSongs=res.data.data；分钟：秒，形式为for(leti=0;i
