Vue
文章平均质量分 55
抽风同学
本博客更倾向于个人笔记
展开
-
Vue学习(1)————————基本安装
简介Vue和Angular,React都是前端框架1.单页面框架2.基于模块化组件化开发模式 现在我们去Vue的官网去看看咋安装搭建环境https://cn.vuejs.org/搭建Vue的开发环境 (1)必要安装node.js(Windows两种安装)https://www.runoob.com/nodejs/nodejs-install-setup.html...原创 2018-10-25 09:52:18 · 299 阅读 · 0 评论 -
Vue学习(8)————————父子组件传值,父组件主动获取子组件数值方法,子组件主动获取父组件各项,非父子组件传值
在父组件的引用标签里 加入冒号属性<template> <div> <!--这里冒号属性就是写入子组件数值--> <v-header :title="title"></v-header> <h1>新闻组件----{{msg}}</h1><br/&原创 2018-10-30 08:56:05 · 346 阅读 · 0 评论 -
Vue学习(10)————————编程式导航,地址栏的#号去掉,路由的嵌套
利用js,按钮事件跳转组件<template> <div> <h1>我是详情页面,传过来的Key值为{{keyid}}</h1><br/> <button v-on:click="jumpHeader()">通过Js跳转到Header组件</button> &原创 2018-10-31 17:32:35 · 499 阅读 · 0 评论 -
Vue学习(7)————————组件以及生命周期函数,vue-resource请求数据
首先建立一个Home.vue文件<template> <div> <p>{{msg}}</p> <button v-on:click="headRun()">跑</button> </div></template><原创 2018-10-29 14:49:13 · 218 阅读 · 0 评论 -
Vue学习(6)————————实例对象,组件概念,组件的引用(其他vue文件的引用)
下面操作是在main.js中操作var sola = new Vue({ //装载到什么样的位置,这里先放入body el: 'body', //暂时不明 template: '<div>{{ solaname }}</div>', data:{ solaname: 'sola'; }})———————————————————————...原创 2018-10-29 10:29:25 · 2147 阅读 · 0 评论 -
Vue学习(5)————————ToDoList条件渲染(v-if)(简单缓存)(方法封装)
个人理解简写 <template> <div id="app"> <input type="text" v-model="textmode"><br /> <button v-on:click="setListA()">提交未办理信息</button&am原创 2018-10-25 17:35:22 · 315 阅读 · 0 评论 -
Vue学习(4)————————事件
触发事件的两种基本写法模拟一下查询数据<template> <div id="app"> <button v-on:click="requestData()">请求数据</button> <table border="1" cellspacing="" cellpadding=&q原创 2018-10-25 16:35:48 · 154 阅读 · 0 评论 -
Vue学习(3)————————绑定Class绑定Style,双向数据绑定,dom节点
标签内绑定属性(此功能看来可以动态绑定标签属性)<template> <div id="app"> <div v-bind:title="title"> 鼠标走一走 </div> </div></template><script>expor原创 2018-10-25 14:00:25 · 1884 阅读 · 0 评论 -
Vue学习(2)————————目录文件结构介绍和基本取值
此文件是配置文件,在命令行里选择的内容 在里面也可以显示 cnpm install 也是根据此文件来构建依赖各种依赖包开发的各种资源 运行项目描述资源打包配置文件,让Ide写的vue文件服务器可以识别路由配置文件Vue里面的结构<template>html代码<script>业务逻辑代码<style lang="...原创 2018-10-25 11:23:50 · 148 阅读 · 0 评论 -
Vue学习(9)————————Vue路由,设置请求头,动态路由(路由传值,get传值)
简述之前都是手动的网跟组件中引入其他组件(import),路由的作用就是让他自动挂载组件组成界面 1.安装 npm install vue-router --save / cnpm install vue-router --save2、引入并 Vue.use(VueRouter) (main.js) import VueRouter from 'vue-ro...原创 2018-10-30 11:39:03 · 2603 阅读 · 0 评论